<!-- parking.wxml - 停车记录页 -->
<view class="container">
  <view class="page-title text-large text-bold mb-24">我的停车记录</view>

  <!-- 进行中的停车 -->
  <view class="card active-session" wx:if="{{activeSession}}">
    <view class="flex-between">
      <view class="text-bold text-large">🅿️ 停车中</view>
      <view class="session-status-badge active">进行中</view>
    </view>
    <view class="mt-16">
      <view class="flex-between">
        <text class="text-hint">车牌号</text>
        <text class="text-bold">{{activeSession.licensePlate}}</text>
      </view>
      <view class="flex-between mt-12">
        <text class="text-hint">入场时间</text>
        <text>{{activeSession.entryTime}}</text>
      </view>
    </view>
    <button class="btn btn-primary btn-block mt-32" bindtap="checkOut">
      出场结算
    </button>
  </view>

  <!-- 历史记录列表 -->
  <view
    class="card session-item"
    wx:for="{{sessions}}"
    wx:key="id"
  >
    <view class="flex-between">
      <view class="flex-row">
        <text class="text-large">🚗</text>
        <view class="ml-16">
          <view class="text-bold">{{item.licensePlate}}</view>
          <view class="text-hint mt-4" style="font-size: 24rpx;">
            {{item.entryTime}} - {{item.exitTime || '进行中'}}
          </view>
        </view>
      </view>
      <view class="session-status-badge {{item.status}}">
        {{item.statusText}}
      </view>
    </view>

    <view class="divider" wx:if="{{item.status === 'completed'}}"></view>

    <view wx:if="{{item.status === 'completed'}}">
      <view class="flex-between mt-12">
        <text class="text-hint">停车费用</text>
        <text>{{item.totalFeeYuan}} 元</text>
      </view>
      <view class="flex-between mt-8" wx:if="{{item.couponDiscountCents > 0}}">
        <text class="text-hint">优惠券抵扣</text>
        <text class="text-success">-{{item.couponDiscountYuan}} 元</text>
      </view>
      <view class="flex-between mt-8">
        <text class="text-bold">实付金额</text>
        <text class="text-bold text-primary">{{item.cashPaymentYuan}} 元</text>
      </view>
      <view class="mt-8 text-hint" style="font-size: 24rpx;" wx:if="{{item.commissionGenerated}}">
        ✅ 已为上家生成佣金
      </view>
    </view>
  </view>

  <view class="empty" wx:if="{{sessions.length === 0 && !activeSession && !loading}}">
    <view class="empty-icon">📋</view>
    <view>暂无停车记录</view>
  </view>

  <!-- 优惠券选择弹窗 -->
  <view class="coupon-overlay" wx:if="{{showCouponPicker}}" bindtap="cancelCouponPicker">
    <view class="coupon-picker" catchtap="noop">
      <view class="coupon-picker-header">
        <view class="text-large text-bold">选择优惠券</view>
        <view class="text-hint mt-8" style="font-size: 24rpx;">📌 每次停车限用一张，多出不退，少要补</view>
      </view>

      <!-- 可用优惠券列表 -->
      <scroll-view class="coupon-list" scroll-y>
        <view
          class="coupon-item {{selectedCouponId === item.id ? 'coupon-item-selected' : ''}}"
          wx:for="{{availableCoupons}}"
          wx:key="id"
          data-id="{{item.id}}"
          bindtap="selectCoupon"
          wx:if="{{availableCoupons.length > 0}}"
        >
          <view class="coupon-left">
            <view class="coupon-amount">{{item.denominationYuan}}<text class="coupon-unit">元</text></view>
          </view>
          <view class="coupon-right">
            <view class="coupon-name">{{item.name}}</view>
            <view class="coupon-expire text-hint" style="font-size: 24rpx;">
              有效期至：{{item.expiresAt}}
            </view>
          </view>
          <view class="coupon-check" wx:if="{{selectedCouponId === item.id}}">✓</view>
        </view>

        <!-- 无可用优惠券 -->
        <view class="empty" wx:if="{{availableCoupons.length === 0}}">
          <view class="empty-icon">🎫</view>
          <view>暂无可用优惠券</view>
          <view class="text-hint mt-8" style="font-size: 24rpx;">可去"优惠券"页用积点兑换</view>
        </view>
      </scroll-view>

      <!-- 底部按钮 -->
      <view class="coupon-actions">
        <button class="btn btn-outline flex-1" bindtap="selectNoCoupon" wx:if="{{availableCoupons.length > 0}}">
          不使用优惠券
        </button>
        <button
          class="btn btn-primary flex-1 {{selectedCouponId === null ? 'btn-disabled' : ''}}"
          disabled="{{selectedCouponId === null}}"
          bindtap="confirmCheckOut"
        >
          确认结算
        </button>
      </view>
    </view>
  </view>
</view>
