<?php $title='التقارير'; include __DIR__ . '/../layout/header.php'; ?>

<?php
$statusMap = [
    'draft' => ['label' => 'مسودة', 'class' => 'st-draft'],
    'confirmed' => ['label' => 'مؤكدة', 'class' => 'st-confirmed'],
    'awaiting_return' => ['label' => 'بانتظار الإرجاع', 'class' => 'st-awaiting-return'],
    'awaiting_settlement' => ['label' => 'بانتظار التصفية', 'class' => 'st-awaiting-settlement'],
    'closed' => ['label' => 'مغلقة', 'class' => 'st-closed'],
    'cancelled' => ['label' => 'ملغية', 'class' => 'st-cancelled'],
];
?>

<style>
.reports-wrap{display:grid;gap:18px}
.reports-hero{background:linear-gradient(135deg,#fff,#fbf7f2);border:1px solid #eadfd5}
.reports-sub{color:#8b7a6b;line-height:1.8;margin-top:6px}
.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
.filters-card{background:#fff;border:1px solid #eadfd5;border-radius:22px;padding:18px;box-shadow:0 10px 24px rgba(17,24,39,.05)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kpi-card{background:#fff;border:1px solid #eadfd5;border-radius:22px;padding:18px;box-shadow:0 10px 24px rgba(17,24,39,.05)}
.kpi-card .kpi-label{font-size:13px;color:#8b7a6b;margin-bottom:8px}
.kpi-card .kpi-value{font-size:32px;font-weight:800;color:#5e3b23;line-height:1}
.report-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.report-col-12{grid-column:span 12}
.report-col-6{grid-column:span 6}
.report-card{background:#fff;border:1px solid #eadfd5;border-radius:22px;padding:18px;box-shadow:0 10px 24px rgba(17,24,39,.05)}
.report-card h3{margin:0}
.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.meta-box{background:#faf7f4;border:1px solid #efe4da;border-radius:18px;padding:14px}
.meta-box .muted{font-size:12px}
.meta-box strong{display:block;font-size:24px;color:#5e3b23;margin-top:6px}
.invoice-status{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.st-draft{background:#f3f4f6;color:#374151}
.st-confirmed{background:#dbeafe;color:#1d4ed8}
.st-awaiting-return{background:#fef3c7;color:#92400e}
.st-awaiting-settlement{background:#fde68a;color:#92400e}
.st-closed{background:#dcfce7;color:#166534}
.st-cancelled{background:#fee2e2;color:#991b1b}
.section-note{color:#8b7a6b;line-height:1.8}
.date-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #eadfd5;font-weight:700;color:#5e3b23}
.table-wrap{overflow:auto}
.empty-note{padding:18px;text-align:center;color:#8b7a6b}
@media (max-width: 1100px){
  .filters-grid,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 900px){
  .report-col-6,.report-col-12{grid-column:1/-1}
}
@media (max-width: 640px){
  .filters-grid,.kpi-grid,.meta-grid{grid-template-columns:1fr}
}
</style>

<div class="reports-wrap">
  <div class="card reports-hero">
    <div class="page-head">
      <div>
        <h2 style="margin:0">التقارير العامة</h2>
        <div class="reports-sub">جميع التقارير المعروضة هنا تعتمد على التاريخ المحدد في الأعلى، مع ترتيب أوضح للحركة المالية والتشغيلية وترجمة للحالات لتسهيل القراءة.</div>
      </div>
      <span class="date-pill">من <?= e($from) ?> إلى <?= e($to) ?></span>
    </div>
  </div>

  <div class="filters-card">
    <form method="get" class="filters-grid">
      <input type="hidden" name="page" value="reports">
      <div>
        <label class="label">من تاريخ</label>
        <input class="input" type="date" name="from" value="<?= e($from) ?>">
      </div>
      <div>
        <label class="label">إلى تاريخ</label>
        <input class="input" type="date" name="to" value="<?= e($to) ?>">
      </div>
      <div>
        <label class="label">سعر خدمة الطابور</label>
        <div class="input" style="background:#faf7f2"><?= e(number_format((float)$queuePrice,3)) ?> <?= e($queueCurrency) ?></div>
      </div>
      <div>
        <button class="btn" style="width:100%">تحديث التقرير</button>
      </div>
    </form>
  </div>

  <div class="kpi-grid">
    <div class="kpi-card">
      <div class="kpi-label">الإيجارات النشطة</div>
      <div class="kpi-value"><?= e((string)$metrics['active_rentals']) ?></div>
    </div>
    <div class="kpi-card">
      <div class="kpi-label">الإيراد ضمن الفترة</div>
      <div class="kpi-value"><?= e(number_format((float)$metrics['today_revenue'],3)) ?></div>
    </div>
    <div class="kpi-card">
      <div class="kpi-label">الفواتير المفتوحة</div>
      <div class="kpi-value"><?= e((string)$metrics['open_invoices']) ?></div>
    </div>
    <div class="kpi-card">
      <div class="kpi-label">المنتظرون في الطابور</div>
      <div class="kpi-value"><?= e((string)$metrics['queue_waiting']) ?></div>
    </div>
  </div>

  <div class="report-grid">
    <div class="report-col-12">
      <div class="report-card">
        <div class="page-head">
          <div>
            <h3>تقرير الطابور المالي والتشغيلي</h3>
            <div class="section-note">البيانات أدناه محسوبة بناءً على الفترة المحددة بالأعلى فقط.</div>
          </div>
          <span class="pill">Queue Report</span>
        </div>

        <div class="meta-grid">
          <div class="meta-box"><div class="muted">عدد العملاء / التذاكر</div><strong><?= e((string)($queueSummary['total_tickets'] ?? 0)) ?></strong></div>
          <div class="meta-box"><div class="muted">تمت الخدمة</div><strong><?= e((string)($queueSummary['done_count'] ?? 0)) ?></strong></div>
          <div class="meta-box"><div class="muted">متخطاة</div><strong><?= e((string)($queueSummary['skipped_count'] ?? 0)) ?></strong></div>
          <div class="meta-box"><div class="muted">المبلغ المحصل</div><strong><?= e(number_format((float)$queueCollected,3)) ?> <?= e($queueCurrency) ?></strong></div>
        </div>

        <div class="table-wrap" style="margin-top:16px">
          <table class="table">
            <thead><tr><th>التاريخ</th><th>عدد العملاء</th><th>تمت الخدمة</th><th>متخطاة</th><th>المبلغ المحصل</th></tr></thead>
            <tbody>
            <?php foreach($queueDaily as $row): $amount = ((int)$row['done_count']) * (float)$queuePrice; ?>
              <tr>
                <td><?= e($row['report_date']) ?></td>
                <td><?= e((string)$row['total_tickets']) ?></td>
                <td><?= e((string)$row['done_count']) ?></td>
                <td><?= e((string)$row['skipped_count']) ?></td>
                <td><?= e(number_format((float)$amount,3)) ?> <?= e($queueCurrency) ?></td>
              </tr>
            <?php endforeach; ?>
            <?php if(empty($queueDaily)): ?><tr><td colspan="5" class="empty-note">لا توجد بيانات ضمن الفترة المحددة</td></tr><?php endif; ?>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <div class="report-col-6">
      <div class="report-card">
        <div class="page-head">
          <h3>الأكثر استخدامًا</h3>
          <span class="pill">حسب التاريخ</span>
        </div>
        <div class="table-wrap">
          <table class="table">
            <thead><tr><th>القطعة</th><th>الفئة</th><th>عدد المرات</th><th>الإجمالي</th></tr></thead>
            <tbody>
            <?php foreach($topItems as $r): ?>
              <tr>
                <td><a href="<?= e(base_url('?page=item_public&id=' . (int)$r['item_id'])) ?>" target="_blank"><?= e($r['item_code']) ?></a><div class="muted"><?= e($r['item_name']) ?></div></td>
                <td><?= e($r['category_name']) ?></td>
                <td><?= e($r['rental_count']) ?></td>
                <td><?= e(number_format((float)$r['total_value'],3)) ?></td>
              </tr>
            <?php endforeach; ?>
            <?php if(empty($topItems)): ?><tr><td colspan="4" class="empty-note">لا توجد بيانات ضمن الفترة المحددة</td></tr><?php endif; ?>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <div class="report-col-6">
      <div class="report-card">
        <div class="page-head">
          <h3>الحجوزات القادمة</h3>
          <span class="pill">ضمن الفترة</span>
        </div>
        <div class="table-wrap">
          <table class="table">
            <thead><tr><th>الفاتورة</th><th>العميل</th><th>الفترة</th><th>العناصر</th></tr></thead>
            <tbody>
            <?php foreach($futureBookings as $r): ?>
              <tr>
                <td><?= e($r['invoice_no']) ?></td>
                <td><?= e($r['customer_name']) ?></td>
                <td><?= e($r['delivery_date']) ?> → <?= e($r['return_date']) ?></td>
                <td><?= e($r['items_count']) ?></td>
              </tr>
            <?php endforeach; ?>
            <?php if(empty($futureBookings)): ?><tr><td colspan="4" class="empty-note">لا توجد حجوزات ضمن الفترة المحددة</td></tr><?php endif; ?>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <div class="report-col-6">
      <div class="report-card">
        <div class="page-head">
          <h3>القطع المشغولة</h3>
          <span class="pill">حسب التاريخ</span>
        </div>
        <div class="table-wrap">
          <table class="table">
            <thead><tr><th>القطعة</th><th>العميل</th><th>الفاتورة</th><th>حتى</th></tr></thead>
            <tbody>
            <?php foreach($occupiedItems as $r): ?>
              <tr>
                <td><a href="<?= e(base_url('?page=item_public&id=' . (int)$r['item_id'])) ?>" target="_blank"><?= e($r['item_code']) ?></a><div class="muted"><?= e($r['item_name']) ?></div></td>
                <td><?= e($r['customer_name']) ?></td>
                <td><?= e($r['invoice_no']) ?></td>
                <td><?= e($r['return_date']) ?></td>
              </tr>
            <?php endforeach; ?>
            <?php if(empty($occupiedItems)): ?><tr><td colspan="4" class="empty-note">لا توجد قطع مشغولة ضمن الفترة المحددة</td></tr><?php endif; ?>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <div class="report-col-6">
      <div class="report-card">
        <div class="page-head">
          <h3>الفواتير ضمن الفترة</h3>
          <span class="pill">Translated Status</span>
        </div>
        <div class="table-wrap">
          <table class="table">
            <thead><tr><th>الفاتورة</th><th>العميل</th><th>الفترة</th><th>الإجمالي</th><th>الحالة</th></tr></thead>
            <tbody>
            <?php foreach($invoices as $r): ?>
              <?php $s = $statusMap[$r['invoice_status']] ?? ['label' => $r['invoice_status'], 'class' => 'st-draft']; ?>
              <tr>
                <td><?= e($r['invoice_no']) ?></td>
                <td><?= e($r['customer_name']) ?></td>
                <td><?= e($r['delivery_date']) ?> → <?= e($r['return_date']) ?></td>
                <td><?= e(number_format((float)$r['grand_total'],3)) ?></td>
                <td><span class="invoice-status <?= e($s['class']) ?>"><?= e($s['label']) ?></span></td>
              </tr>
            <?php endforeach; ?>
            <?php if(empty($invoices)): ?><tr><td colspan="5" class="empty-note">لا توجد فواتير ضمن الفترة المحددة</td></tr><?php endif; ?>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

<?php include __DIR__ . '/../layout/footer.php'; ?>
