<?php $title='الفئات'; include __DIR__.'/../layout/header.php'; ?>
<style>
.categories-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.category-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.category-box{background:#fff;border:1px solid #eadfd5;border-radius:24px;padding:18px;box-shadow:0 10px 24px rgba(17,24,39,.05)}.category-box h3{margin:0 0 8px;font-size:22px}.category-box .meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.category-box .meta .cell{background:#faf7f4;border:1px solid #efe4da;border-radius:16px;padding:10px}.category-box .meta .cell .label{font-size:12px;color:#8b7a6b;margin:0 0 6px}.category-box .items-preview{background:#fcfaf8;border:1px dashed #d8c9bb;border-radius:16px;padding:12px;min-height:68px;font-size:13px;color:#6b7280}.category-forms{display:grid;gap:12px;margin-top:14px}.category-forms form{background:#fff;border:1px solid #efe4da;border-radius:18px;padding:14px}.category-forms .inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sidebar-card{position:sticky;top:88px}@media(max-width:1100px){.categories-shell{grid-template-columns:1fr}.sidebar-card{position:static}}@media(max-width:640px){.category-box .meta,.category-forms .inline-grid{grid-template-columns:1fr}}
</style>
<div class="categories-shell">
  <div>
    <div class="card"><div class="page-head"><div><h2 style="margin:0">إدارة الفئات</h2><div class="muted">إضافة، تعديل، حذف الفئات، مع إمكانية نقل جميع القطع من فئة إلى فئة أخرى.</div></div><span class="pill"><?= count($rows ?? []) ?> فئة</span></div></div>
    <div class="category-list-grid">
      <?php foreach(($rows ?? []) as $row): ?>
      <div class="category-box">
        <div style="display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap"><div><h3><?= e($row['name_ar']) ?></h3><div class="muted"><?= e($row['name_en'] ?? '') ?></div></div><span class="badge" style="<?= !empty($row['is_active']) ? '' : 'background:#fee2e2;color:#991b1b' ?>"><?= !empty($row['is_active']) ? 'مفعّلة' : 'محذوفة / موقوفة' ?></span></div>
        <div class="meta"><div class="cell"><div class="label">عدد القطع</div><strong><?= e((string)($row['items_count'] ?? 0)) ?></strong></div><div class="cell"><div class="label">الترتيب</div><strong><?= e((string)($row['sort_order'] ?? 0)) ?></strong></div></div>
        <div class="items-preview"><?= e($row['items_preview'] ?: 'لا توجد قطع مرتبطة بهذه الفئة حالياً') ?></div>
        <div class="category-forms">
          <form method="post" action="<?= e(base_url('?page=category_update')) ?>"><input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>"><input type="hidden" name="id" value="<?= (int)$row['id'] ?>"><div class="inline-grid"><input class="input" name="name_ar" value="<?= e($row['name_ar']) ?>" placeholder="اسم الفئة بالعربي" required><input class="input" name="name_en" value="<?= e($row['name_en'] ?? '') ?>" placeholder="الاسم بالإنجليزي"></div><div style="margin-top:10px"><input class="input" type="number" min="0" name="sort_order" value="<?= e((string)($row['sort_order'] ?? 0)) ?>" placeholder="الترتيب"></div><button class="btn secondary" style="margin-top:10px">حفظ التعديل</button></form>
          <form method="post" action="<?= e(base_url('?page=category_move_items')) ?>"><input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>"><input type="hidden" name="from_category_id" value="<?= (int)$row['id'] ?>"><div class="inline-grid"><select class="select" name="to_category_id" required><option value="">نقل القطع إلى...</option><?php foreach(($activeCategories ?? []) as $other): if((int)$other['id']===(int)$row['id']) continue; ?><option value="<?= (int)$other['id'] ?>"><?= e($other['name_ar']) ?></option><?php endforeach; ?></select><button class="btn light">نقل جميع القطع</button></div></form>
          <form method="post" action="<?= e(base_url('?page=category_delete')) ?>" onsubmit="return confirm('سيتم حذف الفئة بعد التأكد من نقل القطع منها. هل تريد المتابعة؟')"><input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>"><input type="hidden" name="id" value="<?= (int)$row['id'] ?>"><button class="btn danger" style="width:100%">حذف الفئة</button></form>
        </div>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
  <div class="card sidebar-card"><h3 style="margin-top:0">إضافة فئة جديدة</h3><form method="post" action="<?= e(base_url('?page=category_store')) ?>"><input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>"><label class="label">اسم الفئة بالعربي</label><input class="input" name="name_ar" required><label class="label" style="margin-top:10px">الاسم بالإنجليزي</label><input class="input" name="name_en"><label class="label" style="margin-top:10px">الترتيب</label><input class="input" type="number" min="0" name="sort_order" value="0"><button class="btn secondary" style="margin-top:12px">إضافة الفئة</button></form></div>
</div>
<?php include __DIR__.'/../layout/footer.php'; ?>