<?php
/**
 * Payment Success Page
 * Route: GET /payment/{order_no}/success
 */
$m = $payment['payment_method'];
if ($m === 'PromptPay') { $methodLabel = 'PromptPay / QR Code'; }
elseif ($m === 'BankTransfer') { $methodLabel = 'โอนผ่านธนาคาร'; }
elseif ($m === 'COD') { $methodLabel = 'ชำระเมื่อรับสินค้า'; }
else { $methodLabel = $m; }
$isConfirmed = ($payment['payment_status'] === 'confirmed');
$isAwaiting  = ($payment['payment_status'] === 'awaiting_verification');
?>
<div class="container py-5" style="max-width: 620px;">
  <div class="text-center mb-4">
    <?php if ($payment['payment_method'] === 'COD'): ?>
      <div class="rounded-circle d-inline-flex align-items-center justify-content-center mb-3"
           style="width:80px;height:80px;background:#d1fae5;">
        <i class="bi bi-truck text-success" style="font-size:2.5rem;"></i>
      </div>
      <h4 class="fw-bold text-dark mb-1">สั่งซื้อสินค้าสำเร็จ (เก็บเงินปลายทาง)</h4>
      <p class="text-muted">ร้านค้ากำลังเตรียมสินค้า กรุณาเตรียมเงินสดชำระเมื่อรับพัสดุ</p>
    <?php elseif ($isConfirmed): ?>
      <div class="rounded-circle d-inline-flex align-items-center justify-content-center mb-3"
           style="width:80px;height:80px;background:#d1fae5;">
        <i class="bi bi-check-circle-fill text-success" style="font-size:2.5rem;"></i>
      </div>
      <h4 class="fw-bold text-dark mb-1">ยืนยันการชำระเงินแล้ว</h4>
      <p class="text-muted">คำสั่งซื้อของคุณได้รับการยืนยันและกำลังดำเนินการ</p>
    <?php else: ?>
      <div class="rounded-circle d-inline-flex align-items-center justify-content-center mb-3"
           style="width:80px;height:80px;background:#dbeafe;">
        <i class="bi bi-hourglass-split text-primary" style="font-size:2.5rem;"></i>
      </div>
      <h4 class="fw-bold text-dark mb-1">รอการตรวจสอบสลิป</h4>
      <p class="text-muted">ทีมงานกำลังตรวจสอบสลิปของคุณ โดยปกติใช้เวลาไม่เกิน 30 นาที</p>
    <?php endif; ?>
  </div>

  <div class="card border-0 shadow-sm rounded-3 mb-4">
    <div class="card-body p-4">
      <h6 class="fw-bold text-dark mb-3 border-bottom pb-2">รายละเอียดการชำระเงิน</h6>

      <div class="d-flex justify-content-between mb-2 small">
        <span class="text-muted">หมายเลขคำสั่งซื้อ</span>
        <code class="text-primary fw-bold"><?= e($payment['order_no']) ?></code>
      </div>
      <div class="d-flex justify-content-between mb-2 small">
        <span class="text-muted">ยอดที่ชำระ</span>
        <span class="fw-bold text-dark">฿<?= number_format((float)$payment['amount'], 2) ?></span>
      </div>
      <div class="d-flex justify-content-between mb-2 small">
        <span class="text-muted">วิธีการชำระเงิน</span>
        <span class="fw-medium text-dark"><?= e($methodLabel) ?></span>
      </div>
      <div class="d-flex justify-content-between mb-2 small">
        <span class="text-muted">สถานะ</span>
        <?php if ($isConfirmed): ?>
          <span class="text-success fw-bold"><i class="bi bi-check-circle me-1"></i>ยืนยันแล้ว</span>
        <?php else: ?>
          <span class="text-primary fw-bold"><i class="bi bi-clock me-1"></i>รอตรวจสอบ</span>
        <?php endif; ?>
      </div>
      <?php if ($isConfirmed && !empty($payment['confirmed_at'])): ?>
        <div class="d-flex justify-content-between mb-0 small">
          <span class="text-muted">ยืนยันเมื่อ</span>
          <span class="text-dark"><?= date('d/m/Y H:i', strtotime($payment['confirmed_at'])) ?></span>
        </div>
      <?php endif; ?>
    </div>
  </div>

  <?php if ($isAwaiting): ?>
    <div class="alert alert-info d-flex align-items-start gap-3 mb-4" role="alert">
      <i class="bi bi-info-circle-fill fs-5 mt-1"></i>
      <div>
        <strong>ขั้นตอนถัดไป</strong><br>
        <span class="small">ระบบจะแจ้งผลการตรวจสอบให้ทราบ หากมีข้อผิดพลาดสามารถอัปโหลดสลิปใหม่ได้ในหน้าชำระเงิน</span>
      </div>
    </div>
  <?php endif; ?>

  <div class="d-flex gap-3 justify-content-center flex-wrap">
    <a href="<?= url('/account/orders/' . e($payment['order_no'])) ?>"
       class="btn btn-primary px-4 fw-bold">
      <i class="bi bi-box-seam me-1"></i>ดูรายละเอียดคำสั่งซื้อ
    </a>
    <a href="<?= url('/search') ?>" class="btn btn-outline-secondary px-4">
      <i class="bi bi-bag me-1"></i>ช้อปปิ้งต่อ
    </a>
  </div>
</div>
