<div class="d-flex justify-content-between align-items-center mb-4">
  <div>
    <h4 class="fw-bold mb-1 text-dark">
      <i class="bi bi-box-seam text-primary me-2"></i>คำสั่งซื้อ #<code><?= e($order['order_no']) ?></code>
    </h4>
    <p class="text-muted small mb-0">สั่งซื้อเมื่อ: <?= date('d/m/Y H:i:s', strtotime($order['created_at'])) ?></p>
  </div>
  <a href="<?= url('/seller/orders') ?>" class="btn btn-outline-secondary btn-sm px-3">
    <i class="bi bi-arrow-left me-1"></i> กลับหน้ารายการคำสั่งซื้อ
  </a>
</div>

<div class="row g-4">
  <!-- Left Column: Order Items & Delivery Info -->
  <div class="col-lg-8">
    <!-- 1. Customer Delivery Details -->
    <div class="cargoo-card p-4 mb-4">
      <h6 class="fw-bold text-dark mb-3"><i class="bi bi-geo-alt-fill text-danger me-2"></i>ข้อมูลผู้รับและการจัดส่ง</h6>
      <div class="row g-3 small">
        <div class="col-sm-6">
          <span class="text-muted d-block">ชื่อผู้รับ:</span>
          <strong class="text-dark fs-6"><?= e($order['customer_name']) ?></strong>
        </div>
        <div class="col-sm-6">
          <span class="text-muted d-block">เบอร์โทรศัพท์:</span>
          <strong class="text-dark fs-6"><?= e($order['customer_phone']) ?></strong>
        </div>
        <div class="col-12">
          <span class="text-muted d-block">ที่อยู่จัดส่ง:</span>
          <div class="p-2 bg-light rounded border text-dark mt-1">
            <?= nl2br(e($order['delivery_address'])) ?>
          </div>
        </div>
        <?php if (!empty($order['note'])): ?>
          <div class="col-12">
            <span class="text-muted d-block">หมายเหตุจากผู้ซื้อ:</span>
            <div class="p-2 bg-warning-subtle text-dark rounded border border-warning-subtle small mt-1">
              <?= e($order['note']) ?>
            </div>
          </div>
        <?php endif; ?>
      </div>
    </div>

    <!-- 2. Ordered Items List -->
    <div class="cargoo-card mb-4 overflow-hidden">
      <div class="cargoo-card-header bg-light py-2 px-3">
        <h6 class="fw-bold text-dark mb-0"><i class="bi bi-basket text-primary me-2"></i>รายการสินค้าที่ต้องจัดส่ง</h6>
      </div>
      <div class="cargoo-card-body p-0">
        <div class="table-responsive">
          <table class="table align-middle mb-0 small">
            <thead class="table-light">
              <tr>
                <th class="ps-3">สินค้า</th>
                <th class="text-center">ราคาต่อชิ้น</th>
                <th class="text-center">จำนวน</th>
                <th class="text-end pe-3">ยอดรวม</th>
              </tr>
            </thead>
            <tbody>
              <?php foreach ($order['items'] as $item): ?>
                <tr>
                  <td class="ps-3">
                    <div class="d-flex align-items-center gap-3">
                      <div class="rounded-2 overflow-hidden border bg-light d-flex align-items-center justify-content-center" style="width: 48px; height: 48px; flex-shrink: 0;">
                        <?php if (!empty($item['product_image'])): ?>
                          <img src="<?= product_image_url($item['product_image']) ?>" alt="Item" class="w-100 h-100 object-fit-contain">
                        <?php else: ?>
                          <i class="bi bi-image text-muted"></i>
                        <?php endif; ?>
                      </div>
                      <div>
                        <span class="fw-bold text-dark d-block"><?= e($item['product_name']) ?></span>
                        <?php if (!empty($item['variation_summary'])): ?>
                          <span class="badge bg-light text-secondary border fw-normal mt-1" style="font-size: 0.72rem;">
                            <i class="bi bi-tag-fill text-primary me-1"></i>ตัวเลือก: <?= e($item['variation_summary']) ?>
                          </span>
                        <?php endif; ?>
                      </div>
                    </div>
                  </td>
                  <td class="text-center">฿<?= number_format((float)$item['unit_price'], 2) ?></td>
                  <td class="text-center fw-bold"><?= (int)$item['quantity'] ?></td>
                  <td class="text-end pe-3 fw-bold text-dark">฿<?= number_format((float)$item['subtotal'], 2) ?></td>
                </tr>
              <?php endforeach; ?>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <!-- Right Column: Fulfillment Action & Financial Breakdown -->
  <div class="col-lg-4">
    <!-- 1. Fulfillment Action Box -->
    <div class="cargoo-card p-4 mb-4 border-primary">
      <h6 class="fw-bold text-dark mb-3"><i class="bi bi-send text-primary me-2"></i>การจัดการสถานะพัสดุ</h6>
      
      <div class="mb-3">
        <span class="text-muted small d-block mb-1">สถานะคำสั่งซื้อ:</span>
        <?php 
          $badgeClass = 'bg-secondary';
          $statusLabel = $order['order_status'];
          if ($order['order_status'] === 'pending_payment') { $badgeClass = 'bg-warning text-dark'; $statusLabel = 'รอชำระเงิน'; }
          elseif ($order['order_status'] === 'payment_confirmed') { $badgeClass = 'bg-info-subtle text-info-emphasis'; $statusLabel = 'ชำระแล้ว (พร้อมจัดเตรียม)'; }
          elseif ($order['order_status'] === 'preparing') { $badgeClass = 'bg-primary-subtle text-primary'; $statusLabel = 'กำลังจัดเตรียมพัสดุ'; }
          elseif ($order['order_status'] === 'shipping') { $badgeClass = 'bg-primary text-white'; $statusLabel = 'กำลังจัดส่ง (In Transit)'; }
          elseif ($order['order_status'] === 'completed') { $badgeClass = 'bg-success text-white'; $statusLabel = 'จัดส่งสำเร็จเรียบร้อย'; }
          elseif ($order['order_status'] === 'cancelled') { $badgeClass = 'bg-danger text-white'; $statusLabel = 'ยกเลิกคำสั่งซื้อแล้ว'; }
        ?>
        <span class="badge <?= $badgeClass ?> px-3 py-2 fs-6 rounded-pill d-inline-block">
          <?= $statusLabel ?>
        </span>
      </div>

      <!-- Payment Status Display -->
      <div class="mb-3 p-2 bg-light rounded border small">
        <div class="d-flex justify-content-between align-items-center mb-1">
          <span class="text-muted">สถานะการชำระเงิน:</span>
          <?php if (($order['payment_status'] ?? '') === 'confirmed'): ?>
            <span class="badge bg-success-subtle text-success border"><i class="bi bi-check-circle-fill me-1"></i>ชำระเงินแล้ว</span>
          <?php elseif (($order['payment_status'] ?? '') === 'awaiting_verification'): ?>
            <span class="badge bg-primary-subtle text-primary border"><i class="bi bi-clock-history me-1"></i>รอตรวจสอบสลิป</span>
          <?php elseif (($order['payment_status'] ?? '') === 'refund_pending'): ?>
            <span class="badge bg-warning-subtle text-warning-emphasis border"><i class="bi bi-arrow-counterclockwise me-1"></i>รอคืนเงิน</span>
          <?php elseif (($order['payment_status'] ?? '') === 'refunded'): ?>
            <span class="badge bg-secondary-subtle text-secondary border"><i class="bi bi-arrow-return-left me-1"></i>คืนเงินแล้ว</span>
          <?php elseif (($order['payment_status'] ?? '') === 'cancelled'): ?>
            <span class="badge bg-danger-subtle text-danger border"><i class="bi bi-x-circle me-1"></i>ยกเลิกแล้ว</span>
          <?php else: ?>
            <span class="badge bg-warning-subtle text-warning-emphasis border"><i class="bi bi-hourglass-split me-1"></i>รอชำระเงิน</span>
          <?php endif; ?>
        </div>
        <div class="text-muted" style="font-size: 0.75rem;">
          วิธีชำระเงิน: <strong><?= e($order['payment_method'] ?? 'PromptPay') ?></strong>
        </div>
      </div>

      <?php if (($order['payment_status'] ?? '') === 'awaiting_verification'): ?>
        <div class="alert alert-info py-2 small mb-3 border-info-subtle">
          <i class="bi bi-info-circle me-1"></i>ลูกค้าอัปโหลดสลิปแล้ว กำลังรอผู้ดูแลระบบตรวจสอบความถูกต้อง เมื่อยืนยันแล้วร้านค้าจึงจะสามารถเริ่มจัดเตรียมสินค้าได้
        </div>
      <?php elseif (($order['payment_status'] ?? '') === 'pending' && ($order['payment_method'] ?? '') !== 'COD' && $order['order_status'] !== 'cancelled'): ?>
        <div class="alert alert-warning py-2 small mb-3 border-warning-subtle">
          <i class="bi bi-hourglass me-1"></i>รอผู้ซื้อชำระเงินและแนบหลักฐานเข้าสู่ระบบ
        </div>
      <?php endif; ?>

      <?php if (!empty($order['tracking_no'])): ?>
        <div class="p-3 bg-light rounded-3 border mb-3 small">
          <div><span class="text-muted">บริษัทขนส่ง:</span> <strong><?= e($order['shipping_method'] ?? 'Standard Delivery') ?></strong></div>
          <div><span class="text-muted">หมายเลขพัสดุ:</span> <code class="fs-6"><?= e($order['tracking_no']) ?></code></div>
        </div>
      <?php endif; ?>

      <!-- State Transition Buttons -->
      <?php if ($order['order_status'] === 'cancelled'): ?>
        <div class="alert alert-danger border-0 small mb-0">
          <div class="d-flex align-items-center gap-2 mb-1">
            <i class="bi bi-x-circle-fill text-danger fs-5"></i>
            <strong class="text-danger">คำสั่งซื้อนี้ถูกยกเลิกแล้ว</strong>
          </div>
          <div class="text-muted mb-2">
            สินค้าถูกคืนกลับเข้าสต็อกเรียบร้อยแล้ว ไม่ต้องจัดเตรียมหรือจัดส่งพัสดุ
          </div>
          <?php if (!empty($order['note'])): ?>
            <div class="p-2 bg-white rounded border text-dark">
              <small class="text-muted d-block fw-semibold mb-1">บันทึก/เหตุผลการยกเลิก:</small>
              <div class="small font-monospace" style="white-space: pre-line;"><?= e($order['note']) ?></div>
            </div>
          <?php endif; ?>
        </div>
      <?php elseif ((($order['payment_status'] ?? '') === 'confirmed' || ($order['payment_method'] ?? '') === 'COD') && ($order['order_status'] === 'payment_confirmed' || $order['order_status'] === 'awaiting_shipment')): ?>
        <form action="<?= url('/seller/orders/' . $order['order_no'] . '/status') ?>" method="POST" class="mb-2">
          <?= Security::csrfField() ?>
          <input type="hidden" name="target_status" value="preparing">
          <button type="submit" class="btn btn-cargoo-primary w-100 py-2">
            <i class="bi bi-box-seam me-1"></i> เริ่มจัดเตรียมสินค้า (Pack Order)
          </button>
        </form>
      <?php elseif ($order['order_status'] === 'preparing'): ?>
        <form action="<?= url('/seller/orders/' . $order['order_no'] . '/status') ?>" method="POST" class="mb-2">
          <?= Security::csrfField() ?>
          <input type="hidden" name="target_status" value="shipping">
          
          <div class="mb-2">
            <label class="form-label small fw-bold text-dark">บริษัทขนส่ง <span class="text-danger">*</span></label>
            <input type="text" name="shipping_carrier" class="form-control form-control-sm" placeholder="เช่น Flash Express, Kerry, J&T, ไปรษณีย์ไทย" required value="Flash Express">
          </div>

          <div class="mb-3">
            <label class="form-label small fw-bold text-dark">หมายเลขพัสดุ (Tracking No.) <span class="text-danger">*</span></label>
            <input type="text" name="tracking_no" class="form-control form-control-sm" placeholder="ระบุหมายเลขติดตามพัสดุ" required>
          </div>

          <button type="submit" class="btn btn-cargoo-primary w-100 py-2 fw-bold">
            <i class="bi bi-truck me-1"></i> ยืนยันการจัดส่งสินค้า (Ship Order)
          </button>
        </form>
      <?php elseif ($order['order_status'] === 'shipping'): ?>
        <form action="<?= url('/seller/orders/' . $order['order_no'] . '/status') ?>" method="POST" class="mb-2" onsubmit="return confirm('ยืนยันว่าผู้ซื้อได้รับพัสดุเรียบร้อยแล้วใช่หรือไม่?');">
          <?= Security::csrfField() ?>
          <input type="hidden" name="target_status" value="completed">
          <button type="submit" class="btn btn-success w-100 py-2 text-white fw-bold">
            <i class="bi bi-check-circle me-1"></i> ส่งมอบพัสดุสำเร็จ (Mark Completed)
          </button>
        </form>
      <?php elseif ($order['order_status'] === 'completed'): ?>
        <div class="alert alert-success border-0 small mb-0">
          <i class="bi bi-check-circle-fill me-1"></i> คำสั่งซื้อนี้ส่งมอบสำเร็จแล้ว ยอดเงินพร้อมสำหรับการตัดรอบโอน (Settlement)
        </div>
      <?php endif; ?>
    </div>

    <!-- 2. Financial Breakdown -->
    <div class="cargoo-card p-4">
      <h6 class="fw-bold text-dark mb-3"><i class="bi bi-receipt text-primary me-2"></i>สรุปยอดการเงินคำสั่งซื้อ</h6>
      <div class="d-flex justify-content-between align-items-center mb-2 small text-muted">
        <span>ยอดรวมสินค้า (Subtotal):</span>
        <span class="text-dark fw-medium">฿<?= number_format((float)$order['subtotal'], 2) ?></span>
      </div>
      <div class="d-flex justify-content-between align-items-center mb-2 small text-muted">
        <span>ค่าจัดส่ง (Shipping Fee):</span>
        <span class="text-dark fw-medium">฿<?= number_format((float)$order['shipping_fee'], 2) ?></span>
      </div>
      <div class="d-flex justify-content-between align-items-center mb-2 small text-danger">
        <span>หักค่าคอมมิชชันแพลตฟอร์ม (<?= (float)$order['commission_rate'] ?>%):</span>
        <span>-฿<?= number_format((float)$order['commission_amount'], 2) ?></span>
      </div>
      
      <hr class="my-3">

      <div class="d-flex justify-content-between align-items-center">
        <span class="fw-bold text-dark">รายได้สุทธิของร้านค้า:</span>
        <span class="fs-5 fw-bold text-primary">฿<?= number_format((float)$order['net_revenue'], 2) ?></span>
      </div>
    </div>
  </div>
</div>
