39728-vm/categories.php

<?php
require_once __DIR__ . '/includes/app.php';
$user = require_permission('categories', 'show');
$pageTitle = tr('التصنيفات', 'Categories');
$activeNav = 'categories';

$pdo = db();

// Handle Form Submission
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $action = $_POST['action'] ?? '';
    
    if ($action === 'create') {
        $stmt = $pdo->prepare('INSERT INTO categories (name_ar, name_en, description) VALUES (?, ?, ?)');
        $stmt->execute([$_POST['name_ar'], $_POST['name_en'], $_POST['description'] ?? '']);
        set_flash('success', tr('تمت إضافة التصنيف بنجاح', 'Category added successfully'));
        redirect_to('categories.php');
    } elseif ($action === 'edit') {
        $stmt = $pdo->prepare('UPDATE categories SET name_ar = ?, name_en = ?, description = ? WHERE id = ?');
        $stmt->execute([$_POST['name_ar'], $_POST['name_en'], $_POST['description'] ?? '', $_POST['id']]);
        set_flash('success', tr('تم التحديث بنجاح', 'Updated successfully'));
        redirect_to('categories.php');
    } elseif ($action === 'delete') {
        $stmt = $pdo->prepare('DELETE FROM categories WHERE id = ?');
        $stmt->execute([$_POST['id']]);
        set_flash('success', tr('تم الحذف بنجاح', 'Deleted successfully'));
        redirect_to('categories.php');
    }
}

// Pagination & Search
$page = max(1, (int)($_GET['p'] ?? 1));
$limit = 10;
$offset = ($page - 1) * $limit;
$search = $_GET['q'] ?? '';

$where = '1=1';
$params = [];
if ($search) {
    $where .= ' AND (name_ar LIKE ? OR name_en LIKE ?)';
    $params[] = "%$search%";
    $params[] = "%$search%";
}

$totalStmt = $pdo->prepare("SELECT COUNT(*) FROM categories WHERE $where");
$totalStmt->execute($params);
$total = $totalStmt->fetchColumn();
$totalPages = ceil($total / $limit);

$queryStmt = $pdo->prepare("SELECT * FROM categories WHERE $where ORDER BY id DESC LIMIT $limit OFFSET $offset");
$queryStmt->execute($params);
$items = $queryStmt->fetchAll();

require __DIR__ . '/includes/header.php';
?>

<section class="surface-card mb-4">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <div>
      <h3 class="h5 mb-2"><i class="bi bi-tags me-2"></i><?= h($pageTitle) ?></h3>
      <p class="text-muted mb-0"><?= h(tr('إدارة تصنيفات المنتجات', 'Manage product categories')) ?></p>
    </div>
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addModal">
      <i class="bi bi-plus-lg"></i> <?= h(tr('إضافة تصنيف', 'Add Category')) ?>
    </button>
  </div>
  
  <form class="d-flex mb-3" method="GET" action="categories.php">
    <div class="input-group" style="max-width: 400px;">
      <input type="text" name="q" class="form-control" placeholder="<?= h(tr('بحث...', 'Search...')) ?>" value="<?= h($search) ?>">
      <button class="btn btn-outline-secondary" type="submit"><i class="bi bi-search"></i></button>
    </div>
  </form>
</section>

<section class="surface-card">
  <div class="table-responsive shadow-sm" style="border-radius: 12px; overflow: hidden; border: 1px solid rgba(0,0,0,0.05);">
    <table class="table table-hover align-middle mb-0 text-center" style="background-color: #fff;">
      <thead style="background: linear-gradient(90deg, #0d6efd, #0dcaf0);">
        <tr>
          <th class="text-white border-0 py-3 fw-semibold bg-transparent">ID</th>
          <th class="text-white border-0 py-3 fw-semibold bg-transparent"><?= h(tr('الاسم (عربي)', 'Name (AR)')) ?></th>
          <th class="text-white border-0 py-3 fw-semibold bg-transparent"><?= h(tr('الاسم (إنجليزي)', 'Name (EN)')) ?></th>
          <th class="text-white border-0 py-3 fw-semibold bg-transparent"><?= h(tr('الوصف', 'Description')) ?></th>
          <th class="text-white border-0 py-3 fw-semibold bg-transparent"><?= h(tr('إجراءات', 'Actions')) ?></th>
        </tr>
      </thead>
      <tbody class="border-top-0">
        <?php if(empty($items)): ?>
          <tr><td colspan="5" class="text-center text-muted py-4"><?= h(tr('لا توجد بيانات', 'No data found')) ?></td></tr>
        <?php endif; ?>
        <?php foreach ($items as $item): ?>
          <tr>
            <td><?= h($item['id']) ?></td>
            <td><?= h($item['name_ar']) ?></td>
            <td><?= h($item['name_en']) ?></td>
            <td><?= h($item['description']) ?></td>
            <td>
              <button class="btn btn-sm btn-outline-primary rounded-circle shadow-sm" style="width: 34px; height: 34px; padding: 0;" onclick="editItem(<?= htmlspecialchars(json_encode($item)) ?>)" title="<?= h(tr('تعديل', 'Edit')) ?>">
                <i class="bi bi-pencil"></i>
              </button>
              <button class="btn btn-sm btn-outline-danger rounded-circle shadow-sm ms-1" style="width: 34px; height: 34px; padding: 0;" onclick="deleteItem(<?= $item['id'] ?>)" title="<?= h(tr('حذف', 'Delete')) ?>">
                <i class="bi bi-trash"></i>
              </button>
            </td>
          </tr>
        <?php endforeach; ?>
      </tbody>
    </table>
  </div>
  
  <?php if ($totalPages > 1): ?>
  <nav class="mt-4">
    <ul class="pagination justify-content-center mb-0">
      <?php for($i=1; $i<=$totalPages; $i++): ?>
        <li class="page-item <?= $i === $page ? 'active' : '' ?>">
          <a class="page-link" href="<?= h(url_for('categories.php', ['p' => $i, 'q' => $search])) ?>"><?= $i ?></a>
        </li>
      <?php endfor; ?>
    </ul>
  </nav>
  <?php endif; ?>
</section>

<!-- Add Modal -->
<div class="modal fade" id="addModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <form method="POST" action="categories.php">
        <input type="hidden" name="action" value="create">
        <div class="modal-header">
          <h5 class="modal-title"><?= h(tr('إضافة تصنيف', 'Add Category')) ?></h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
        </div>
        <div class="modal-body">
          <div class="mb-3">
            <label class="form-label"><?= h(tr('الاسم (عربي)', 'Name (AR)')) ?></label>
            <input type="text" name="name_ar" class="form-control" required>
          </div>
          <div class="mb-3">
            <label class="form-label"><?= h(tr('الاسم (إنجليزي)', 'Name (EN)')) ?></label>
            <input type="text" name="name_en" class="form-control" required>
          </div>
          <div class="mb-3">
            <label class="form-label"><?= h(tr('الوصف', 'Description')) ?></label>
            <textarea name="description" class="form-control"></textarea>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><?= h(tr('إلغاء', 'Cancel')) ?></button>
          <button type="submit" class="btn btn-primary"><?= h(tr('حفظ', 'Save')) ?></button>
        </div>
      </form>
    </div>
  </div>
</div>

<!-- Edit Modal -->
<div class="modal fade" id="editModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <form method="POST" action="categories.php">
        <input type="hidden" name="action" value="edit">
        <input type="hidden" name="id" id="edit_id">
        <div class="modal-header">
          <h5 class="modal-title"><?= h(tr('تعديل', 'Edit')) ?></h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
        </div>
        <div class="modal-body">
          <div class="mb-3">
            <label class="form-label"><?= h(tr('الاسم (عربي)', 'Name (AR)')) ?></label>
            <input type="text" name="name_ar" id="edit_name_ar" class="form-control" required>
          </div>
          <div class="mb-3">
            <label class="form-label"><?= h(tr('الاسم (إنجليزي)', 'Name (EN)')) ?></label>
            <input type="text" name="name_en" id="edit_name_en" class="form-control" required>
          </div>
          <div class="mb-3">
            <label class="form-label"><?= h(tr('الوصف', 'Description')) ?></label>
            <textarea name="description" id="edit_description" class="form-control"></textarea>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><?= h(tr('إلغاء', 'Cancel')) ?></button>
          <button type="submit" class="btn btn-primary"><?= h(tr('حفظ', 'Save')) ?></button>
        </div>
      </form>
    </div>
  </div>
</div>

<!-- Delete Form -->
<form id="deleteForm" method="POST" action="categories.php" style="display:none;">
    <input type="hidden" name="action" value="delete">
    <input type="hidden" name="id" id="delete_id">
</form>

<script>
function editItem(item) {
    document.getElementById('edit_id').value = item.id;
    document.getElementById('edit_name_ar').value = item.name_ar;
    document.getElementById('edit_name_en').value = item.name_en;
    document.getElementById('edit_description').value = item.description || '';
    new bootstrap.Modal(document.getElementById('editModal')).show();
}

function deleteItem(id) {
    Swal.fire({
        title: '<?= h(tr('هل أنت متأكد؟', 'Are you sure?')) ?>',
        text: '<?= h(tr('لن تتمكن من التراجع عن هذا!', "You won't be able to revert this!")) ?>',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#dc3545',
        cancelButtonColor: '#6c757d',
        confirmButtonText: '<?= h(tr('نعم، احذف', 'Yes, delete it!')) ?>',
        cancelButtonText: '<?= h(tr('إلغاء', 'Cancel')) ?>'
    }).then((result) => {
        if (result.isConfirmed) {
            document.getElementById('delete_id').value = id;
            document.getElementById('deleteForm').submit();
        }
    });
}
</script>

<?php require __DIR__ . '/includes/footer.php'; ?>