<view class="gift-detail-container">
  <view wx:if="{{gift}}" class="detail-content">
    <!-- 礼品图片 -->
    <view class="image-section" bindtap="previewImage">
      <image src="{{gift.image || gift.image_url}}" class="gift-image" mode="aspectFill"></image>
    </view>

    <!-- 礼品信息 -->
    <view class="info-section">
      <view class="gift-header">
        <text class="gift-name">{{gift.name}}</text>
        <view class="gift-price">
          <image src="/images/icon-heart.png" class="heart-icon" mode="aspectFit"></image>
          <text class="price-text">{{gift.love_cost}}</text>
        </view>
      </view>

      <view class="gift-meta">
        <view class="meta-item">
          <text class="meta-label">分类：</text>
          <text class="meta-value">{{gift.category}}</text>
        </view>
        <view class="meta-item">
          <text class="meta-label">库存：</text>
          <text class="meta-value">{{gift.stock}}</text>
        </view>
      </view>

      <view class="gift-description">
        <text class="description-title">商品详情</text>
        <text class="description-text">{{gift.description}}</text>
      </view>
    </view>

    <!-- 底部操作栏 -->
    <view class="bottom-bar">
      <view class="balance-info">
        <text class="balance-label">我的爱心值</text>
        <text class="balance-value">{{userLovePoints}}</text>
      </view>
      <button 
        class="exchange-btn {{gift.stock <= 0 || userLovePoints < gift.love_cost ? 'disabled' : ''}}"
        bindtap="exchangeGift"
        disabled="{{gift.stock <= 0 || userLovePoints < gift.love_cost}}"
      >
        {{gift.stock <= 0 ? '已售罄' : (userLovePoints < gift.love_cost ? '爱心值不足' : '立即兑换')}}
      </button>
    </view>
  </view>

  <!-- 加载中 -->
  <view wx:if="{{loading}}" class="loading-state">
    <text class="loading-text">加载中...</text>
  </view>
</view>
