<view class="page">
  <view class="topbar">
    <view class="topbar-title">{{title}}</view>
    <view class="search-row">
      <view class="search-box">
        <text class="search-icon">🔍</text>
        <input
          class="search-input"
          type="text"
          value="{{searchKeyword}}"
          placeholder="查询药品名称"
          placeholder-class="search-placeholder"
          confirm-type="search"
          bindinput="onSearchInput"
          bindconfirm="onSearchConfirm"
        />
        <view wx:if="{{searchKeyword}}" class="search-clear" bindtap="onClearSearch">×</view>
      </view>
    </view>
  </view>

  <view class="content">
    <view class="section">
      <view class="section-title">药品列表</view>
      <view wx:if="{{filteredMedicines.length === 0}}" class="empty-tip">未找到相关药品，换个关键词试试</view>
      <view class="med-list">
        <block wx:for="{{filteredMedicines}}" wx:key="id">
          <view class="med-item">
            <view class="med-left">
              <view class="med-icon">
                <text class="med-icon-text">药</text>
              </view>
            </view>
            <view class="med-mid">
              <view class="med-name">{{item.name}}</view>
              <view class="med-price">￥{{item.priceStr}}</view>
            </view>
            <view class="med-actions">
              <view class="stepper">
                <button
                  class="step-btn"
                  hover-class="step-btn-hover"
                  data-id="{{item.id}}"
                  data-delta="-1"
                  bindtap="onBuyQtyDelta"
                  disabled="{{item.buyQty <= 1}}"
                >−</button>
                <text class="step-num">{{item.buyQty}}</text>
                <button
                  class="step-btn"
                  hover-class="step-btn-hover"
                  data-id="{{item.id}}"
                  data-delta="1"
                  bindtap="onBuyQtyDelta"
                  disabled="{{item.buyQty >= 99}}"
                >+</button>
              </view>
              <button class="add-btn" data-id="{{item.id}}" bindtap="onAddToCart">加入购物车</button>
            </view>
          </view>
        </block>
      </view>
    </view>
    <view class="content-bottom-space"></view>
  </view>

  <view class="bottom-bar" bindtap="goCart">
    <view class="bottom-bar-left">
      <text class="bottom-bar-label">购物车</text>
      <text class="bottom-bar-count">共 {{cartCount}} 件</text>
    </view>
    <view class="bottom-bar-btn">去结算</view>
  </view>
</view>
