<view class="page">
  <view class="hero">
    <view class="hero-row">
      <text class="title">商家工作台</text>
      <view class="hero-actions">
        <button class="settings-btn" bindtap="openMine">商家设置</button>
        <button class="logout-btn" bindtap="logout">退出登录</button>
      </view>
    </view>
    <text class="subtitle">收款码已配置后，客户上传的付款截图会在这里查看。</text>
  </view>

  <view class="content">
    <view class="list">
      <text class="section-title">订单列表</text>
      <view class="order-item {{activeOrder.id === item.id ? 'active' : ''}}" wx:for="{{orders}}" wx:key="id" data-id="{{item.id}}" bindtap="selectOrder">
        <text class="order-no">{{item.orderNo || item.id}}</text>
        <text class="order-line">{{item.station}} · {{item.pickupCode}}</text>
        <text class="order-line">{{item.statusText}} · {{item.paymentStatusText}}</text>
      </view>
    </view>

    <view class="detail" wx:if="{{activeOrder.id}}">
      <text class="section-title">订单详情</text>
      <view class="detail-card">
        <text class="detail-text">收件人：{{activeOrder.receiverName}}</text>
        <text class="detail-text">联系电话：{{activeOrder.phone}}</text>
        <text class="detail-text">地址：{{activeOrder.building}} {{activeOrder.room}}</text>
        <text class="detail-text">备注：{{activeOrder.note || '无'}}</text>
        <text class="detail-text">价格：{{activeOrder.priceText}}</text>
        <text class="detail-text">状态：{{activeOrder.statusText}}</text>
        <text class="detail-text">支付：{{activeOrder.paymentStatusText}}</text>
      </view>

      <view class="detail-card">
        <text class="section-subtitle">付款截图</text>
        <view wx:if="{{activeOrder.receiptImageUrl}}" class="receipt-box" bindtap="openReceiptPreview" data-url="{{activeOrder.receiptImageUrl}}">
          <image class="receipt-image" src="{{activeOrder.receiptImageUrl}}" mode="aspectFit"></image>
        </view>
        <view wx:else class="receipt-empty">客户还没上传付款截图。</view>
      </view>

      <view class="detail-actions">
        <button class="primary" bindtap="confirmReceipt">确认收款</button>
        <button class="secondary" bindtap="completeOrder">完成订单</button>
        <button class="ghost" bindtap="openCustomerChat">联系客户</button>
      </view>
    </view>
  </view>
</view>
