<view class="page" wx:if="{{order}}">
  <view class="card">
    <text class="title">订单收款</text>
    <text class="subtitle">{{order.station}} · {{order.pickupCode}}</text>
    <text class="subtitle">收件人：{{order.receiverName}} ｜ {{order.phone}}</text>
  </view>

  <view class="card">
    <view class="section-head">
      <text class="section-title">收款码</text>
      <button class="link" bindtap="goMine">去我的页配置</button>
    </view>

    <view class="qr-grid">
      <view class="qr-item" bindtap="previewPaymentQr" data-url="{{profile.paymentAccounts.wechatQr}}">
        <text class="qr-label">微信收款码</text>
        <image wx:if="{{profile.paymentAccounts.wechatQr}}" class="qr-image" src="{{profile.paymentAccounts.wechatQr}}" mode="aspectFit"></image>
        <view wx:else class="qr-placeholder">未配置</view>
      </view>

      <view class="qr-item" bindtap="previewPaymentQr" data-url="{{profile.paymentAccounts.alipayQr}}">
        <text class="qr-label">支付宝收款码</text>
        <image wx:if="{{profile.paymentAccounts.alipayQr}}" class="qr-image" src="{{profile.paymentAccounts.alipayQr}}" mode="aspectFit"></image>
        <view wx:else class="qr-placeholder">未配置</view>
      </view>
    </view>
  </view>

  <view class="card">
    <view class="section-head">
      <text class="section-title">付款截图</text>
      <text class="badge">{{order.paymentStatus === 'receipt_uploaded' ? '已上传' : '待上传'}}</text>
    </view>

    <view wx:if="{{order.receiptImageUrl}}" class="receipt-preview" bindtap="previewPaymentQr" data-url="{{order.receiptImageUrl}}">
      <image class="receipt-image" src="{{order.receiptImageUrl}}" mode="aspectFit"></image>
    </view>
    <view wx:else class="receipt-empty">上传付款截图后，商家端就能看到。</view>

    <button class="primary" loading="{{uploading}}" bindtap="uploadReceipt">上传付款截图</button>
  </view>
</view>

<view class="page empty" wx:else>
  <text class="empty-text">订单不存在</text>
</view>
