<view class="page">

  <view class="headbar card">
    <text class="hi">🛒 种子商店</text>
    <text class="pill coin">🪙 {{coins}}</text>
  </view>

  <!-- 花盆 -->
  <view class="card pot-card">
    <view class="pot-row">
      <view class="pot-mini">
        <view class="soil"></view>
        <view class="pot-lip"></view>
        <view class="pot-body"></view>
      </view>
      <view class="pot-info">
        <view class="t">花盆 {{pot.potCount}}/3</view>
        <view class="d" wx:if="{{!pot.maxed}}">解锁下一个花盆需要 {{pot.price}} 金币，可以多种一株植物</view>
        <view class="d" wx:else>花园已经满啦，3 个花盆全部开放 🎉</view>
      </view>
      <view class="btn small {{pot.maxed ? 'btn-disabled' : ''}}" bindtap="onUnlockPot" wx:if="{{!pot.maxed}}">
        {{pot.canBuy ? '解锁' : '金币不足'}}
      </view>
    </view>
  </view>

  <!-- 商品 -->
  <view class="card" wx:for="{{items}}" wx:key="id">
    <view class="item-row">
      <view class="item-emoji">{{item.emoji}}</view>
      <view class="item-info">
        <view class="t">{{item.name}} <text class="owned" wx:if="{{item.owned}}">拥有 ×{{item.owned}}</text></view>
        <view class="d">{{item.desc}}</view>
        <view class="d price">🪙 {{item.price}}</view>
      </view>
      <view class="btn small {{item.canBuy ? '' : 'btn-disabled'}}" data-id="{{item.id}}" bindtap="onBuy">
        {{item.price === 0 ? '领取' : (item.canBuy ? '购买' : '金币不足')}}
      </view>
    </view>
  </view>

  <view class="tip card">💡 金币来自浇水小游戏和每日签到～ 照料植物会获得成长值，长满就能开花结果！</view>
</view>
