<div class="cargoo-card mb-4">
  <div class="cargoo-card-header">
    <h5 class="mb-1 fw-bold"><i class="bi bi-cash-stack text-primary me-2"></i>รายงานการเงินและรายได้ร้านค้า (Financial Overview)</h5>
    <p class="text-muted small mb-0">อัตราค่าคอมมิชชันแพลตฟอร์มของคุณ: <span class="badge bg-primary-subtle text-primary border border-primary-subtle"><?= (float)($store['commission_rate'] ?? 5.0) ?>%</span></p>
  </div>

  <div class="cargoo-card-body p-4">
    <div class="row g-3">
      <!-- 1. Gross Sales -->
      <div class="col-md-3 col-sm-6">
        <div class="p-3 bg-light rounded-3 border">
          <span class="text-muted small fw-semibold text-uppercase d-block mb-1">ยอดขายรวม (Gross Sales)</span>
          <h4 class="fw-bold text-dark mb-0">฿<?= number_format((float)($summary['gross_sales'] ?? 0), 2) ?></h4>
          <small class="text-muted" style="font-size: 0.75rem;">จากคำสั่งซื้อที่สำเร็จ</small>
        </div>
      </div>

      <!-- 2. Commission Deduction -->
      <div class="col-md-3 col-sm-6">
        <div class="p-3 bg-light rounded-3 border">
          <span class="text-muted small fw-semibold text-uppercase d-block mb-1">หักค่าคอมมิชชันแพลตฟอร์ม</span>
          <h4 class="fw-bold text-danger mb-0">-฿<?= number_format((float)($summary['total_commission'] ?? 0), 2) ?></h4>
          <small class="text-muted" style="font-size: 0.75rem;">ตามอัตราส่วนที่ตกลง</small>
        </div>
      </div>

      <!-- 3. Net Revenue -->
      <div class="col-md-3 col-sm-6">
        <div class="p-3 bg-light rounded-3 border border-success-subtle bg-success-subtle">
          <span class="text-success-emphasis small fw-semibold text-uppercase d-block mb-1">รายได้สุทธิ (Net Revenue)</span>
          <h4 class="fw-bold text-success mb-0">฿<?= number_format((float)($summary['net_revenue'] ?? 0), 2) ?></h4>
          <small class="text-success-emphasis" style="font-size: 0.75rem;">รายได้ที่ได้รับจริง</small>
        </div>
      </div>

      <!-- 4. Pending Settlement -->
      <div class="col-md-3 col-sm-6">
        <div class="p-3 bg-light rounded-3 border">
          <span class="text-muted small fw-semibold text-uppercase d-block mb-1">รอการตัดรอบโอนเงิน</span>
          <h4 class="fw-bold text-warning mb-0">฿<?= number_format((float)($summary['pending_settlement'] ?? 0), 2) ?></h4>
          <small class="text-muted" style="font-size: 0.75rem;">คำสั่งซื้อที่อยู่ระหว่างจัดส่ง</small>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Settlements History Table -->
<div class="cargoo-card">
  <div class="cargoo-card-header">
    <h6 class="fw-bold text-dark mb-0"><i class="bi bi-clock-history text-primary me-2"></i>ประวัติรอบการโอนเงินเข้าบัญชี (Settlement Records)</h6>
  </div>

  <div class="cargoo-card-body p-0">
    <?php if (empty($settlements)): ?>
      <div class="text-center py-5">
        <i class="bi bi-wallet2 text-muted" style="font-size: 3rem;"></i>
        <h6 class="mt-3 text-dark fw-bold">ยังไม่มีประวัติรอบการโอนเงิน</h6>
        <p class="text-muted small">เมื่อระบบทำการตัดรอบและโอนเงินเข้าบัญชีของคุณ รายการจะแสดงที่นี่</p>
      </div>
    <?php else: ?>
      <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-end">ยอดขายรวม</th>
              <th class="text-end">หักคอมมิชชัน</th>
              <th class="text-end">ยอดโอนสุทธิ</th>
              <th class="text-center">สถานะ</th>
              <th>ธนาคาร / บัญชีรับเงิน</th>
              <th class="pe-3 text-end">วันที่โอน</th>
            </tr>
          </thead>
          <tbody>
            <?php foreach ($settlements as $s): ?>
              <tr>
                <td class="ps-3 fw-semibold text-dark">
                  <?= e($s['revenue_period'] ?? 'รอบประจำสัปดาห์') ?>
                </td>
                <td class="text-end">฿<?= number_format((float)$s['total_sales'], 2) ?></td>
                <td class="text-end text-danger">-฿<?= number_format((float)$s['commission_deduction'], 2) ?></td>
                <td class="text-end fw-bold text-success">฿<?= number_format((float)$s['seller_receives'], 2) ?></td>
                <td class="text-center">
                  <?php if ($s['payment_status'] === 'completed'): ?>
                    <span class="badge bg-success-subtle text-success border border-success-subtle">โอนสำเร็จ</span>
                  <?php elseif ($s['payment_status'] === 'processing'): ?>
                    <span class="badge bg-info-subtle text-info-emphasis border border-info-subtle">กำลังดำเนินการ</span>
                  <?php else: ?>
                    <span class="badge bg-warning-subtle text-warning-emphasis border border-warning-subtle">รอโอน</span>
                  <?php endif; ?>
                </td>
                <td>
                  <span class="d-block text-dark"><?= e($s['bank_name'] ?? 'ธนาคารกสิกรไทย') ?></span>
                  <small class="text-muted"><code><?= e($s['bank_account_no'] ?? '-') ?></code> (<?= e($s['bank_account_name'] ?? '') ?>)</small>
                </td>
                <td class="pe-3 text-end text-muted">
                  <?= $s['transfer_date'] ? date('d/m/Y H:i', strtotime($s['transfer_date'])) : '-' ?>
                </td>
              </tr>
            <?php endforeach; ?>
          </tbody>
        </table>
      </div>
    <?php endif; ?>
  </div>
</div>
