<?php
$routeContext = $routeContext ?? [
  'dashboard' => '/admin/dashboard',
  'sales_home' => '/sales/invoices',
  'pos' => '/pos',
  'suspended' => '/pos/suspended',
];
?>
<?php $suspendedCarts = $suspended_carts ?? []; ?>
<style>
  .suspend-shell{max-width:980px;margin:0 auto}
  .suspend-card{border:1px solid #e9ecef;border-radius:.9rem;background:#fff;box-shadow:0 .25rem .8rem rgba(0,0,0,.045)}
  .suspend-item{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid #edf0f3;border-radius:.8rem;background:#fff}
  .suspend-list{display:grid;gap:.75rem}
  .suspend-mini{font-size:.82rem;color:#6c757d}
  @media (max-width: 767px){ .suspend-item{flex-direction:column} }
</style>

<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2 suspend-shell">
  <div>
    <h4 class="mb-1">السلال المعلقة</h4>
    <div class="text-muted small">راجع السلال المعلّقة واسترجع أي عملية وقت الحاجة.</div>
  </div>
  <div class="d-flex gap-2">
    <a class="btn btn-primary" href="<?= e(url('/pos')) ?>">العودة إلى نقطة البيع</a>
    <a class="btn btn-outline-dark" href="<?= e(url('/admin/dashboard')) ?>">رجوع</a>
  </div>
</div>

<div class="suspend-shell">
  <div class="suspend-card">
    <div class="p-3 border-bottom">
      <div class="fw-bold">كل السلال المعلقة</div>
      <div class="small text-muted">يمكنك استرجاع السلة أو حذفها من هنا بدون التأثير على ترتيب شاشة نقطة البيع.</div>
    </div>
    <div class="p-3">
      <?php if (!$suspendedCarts): ?>
        <div class="text-muted">لا توجد سلال معلقة حاليًا.</div>
      <?php else: ?>
        <div class="suspend-list">
          <?php foreach ($suspendedCarts as $sc): $cart = (array)($sc['cart'] ?? []); ?>
            <div class="suspend-item">
              <div>
                <div class="fw-semibold mb-1"><?= e((string)($sc['label'] ?: 'سلة بدون عميل')) ?></div>
                <div class="suspend-mini mb-1">رقم التعليق: <?= e((string)($sc['id'] ?? '')) ?></div>
                <div class="suspend-mini mb-1">تاريخ التعليق: <?= e((string)($sc['created_at'] ?? '')) ?></div>
                <div class="suspend-mini">عدد الأصناف: <?= count($cart) ?><?= isset($sc['cart_total']) ? ' | إجمالي السلة: '.format_money((float)$sc['cart_total']) : '' ?></div>
              </div>
              <div class="d-flex gap-2 flex-wrap">
                <a class="btn btn-outline-primary" href="<?= e(url($routeContext['pos']) . '?action=resume&sid=' . urlencode((string)$sc['id'])) ?>">استرجاع السلة</a>
                <a class="btn btn-outline-danger" href="<?= e(url($routeContext['pos']) . '?action=delete_suspend&sid=' . urlencode((string)$sc['id'])) ?>" onclick="return confirm('حذف السلة المعلقة؟')">حذف</a>
              </div>
            </div>
          <?php endforeach; ?>
        </div>
      <?php endif; ?>
    </div>
  </div>
</div>
