174 lines
14 KiB
PHP
174 lines
14 KiB
PHP
<div class="card border-0 shadow-sm rounded-4 overflow-hidden">
|
|
<div class="card-header bg-white py-3 d-flex justify-content-between align-items-center border-0 flex-wrap gap-3">
|
|
<div>
|
|
<h5 class="m-0 fw-bold text-primary" data-en="Role Groups" data-ar="مجموعات الأدوار">Role Groups</h5>
|
|
<p class="text-muted small mb-0" data-en="Manage access levels and permissions" data-ar="إدارة مستويات الوصول والصلاحيات">Manage access levels and permissions</p>
|
|
</div>
|
|
<button class="btn btn-primary rounded-pill px-4" data-bs-toggle="modal" data-bs-target="#addRoleGroupModal">
|
|
<i class="bi bi-shield-plus me-1"></i>
|
|
<span data-en="Create New Group" data-ar="إنشاء مجموعة جديدة">Create New Group</span>
|
|
</button>
|
|
</div>
|
|
<div class="table-responsive">
|
|
<table class="table table-hover align-middle mb-0">
|
|
<thead class="bg-light">
|
|
<tr>
|
|
<th class="ps-4" data-en="Group Name" data-ar="اسم المجموعة">Group Name</th>
|
|
<th data-en="Created Date" data-ar="تاريخ الإنشاء">Created Date</th>
|
|
<th data-en="Status" data-ar="الحالة">Status</th>
|
|
<th data-en="Actions" data-ar="الإجراءات" class="text-end pe-4">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php foreach ($data['role_groups'] as $group): ?>
|
|
<tr>
|
|
<td class="ps-4">
|
|
<div class="d-flex align-items-center">
|
|
<div class="rounded-circle bg-primary bg-opacity-10 p-2 me-3 text-primary">
|
|
<i class="bi bi-shield-check"></i>
|
|
</div>
|
|
<span class="fw-semibold text-dark"><?= htmlspecialchars((string)$group['name']) ?></span>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<span class="text-muted small">
|
|
<?= !empty($group['created_at']) ? htmlspecialchars(date('M d, Y', strtotime((string)$group['created_at']))) : '-' ?>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span class="badge rounded-pill bg-success bg-opacity-10 text-success px-3">Active</span>
|
|
</td>
|
|
<td class="text-end pe-4">
|
|
<div class="dropdown d-inline-block">
|
|
<button class="btn btn-light btn-sm rounded-circle" type="button" data-bs-toggle="dropdown">
|
|
<i class="bi bi-three-dots-vertical"></i>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end shadow-sm border-0">
|
|
<?php if (can('users_edit')): ?>
|
|
<li>
|
|
<a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#editRoleGroupModal<?= $group['id'] ?>">
|
|
<i class="bi bi-pencil me-2 text-primary"></i> Edit Permissions
|
|
</a>
|
|
</li>
|
|
<?php endif; ?>
|
|
<?php if (can('users_delete')): ?>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li>
|
|
<form method="POST" onsubmit="return confirm('Delete this role group? This cannot be undone.')">
|
|
<input type="hidden" name="id" value="<?= $group['id'] ?>">
|
|
<button type="submit" name="delete_role_group" class="dropdown-item text-danger">
|
|
<i class="bi bi-trash me-2"></i> Delete Group
|
|
</button>
|
|
</form>
|
|
</li>
|
|
<?php endif; ?>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="modal fade" id="editRoleGroupModal<?= $group['id'] ?>" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content border-0 shadow text-start">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title fw-bold" data-en="Edit Role Group" data-ar="تعديل مجموعة الأدوار">Edit Role Group</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="POST">
|
|
<input type="hidden" name="id" value="<?= $group['id'] ?>">
|
|
<div class="modal-body">
|
|
<div class="mb-3">
|
|
<label class="form-label fw-semibold" data-en="Group Name" data-ar="اسم المجموعة">Group Name</label>
|
|
<input type="text" name="name" class="form-control" value="<?= htmlspecialchars((string)$group['name']) ?>" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<div class="d-flex justify-content-between align-items-center mb-2">
|
|
<label class="form-label fw-semibold mb-0" data-en="Permissions" data-ar="الصلاحيات">Permissions</label>
|
|
<div class="d-flex gap-2">
|
|
<button type="button" class="btn btn-xs btn-outline-primary py-0 px-2 small select-all-btn" data-modal="#editRoleGroupModal<?= $group['id'] ?>">Select All</button>
|
|
<button type="button" class="btn btn-xs btn-outline-secondary py-0 px-2 small deselect-all-btn" data-modal="#editRoleGroupModal<?= $group['id'] ?>">Deselect All</button>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 p-2 bg-light rounded d-flex justify-content-between align-items-center flex-wrap gap-2">
|
|
<span class="small fw-bold me-2">Global Actions:</span>
|
|
<div class="d-flex gap-3">
|
|
<div class="form-check">
|
|
<input class="form-check-input select-all-action" type="checkbox" data-action="view" id="selectAllView<?= $group['id'] ?>">
|
|
<label class="form-check-label small" for="selectAllView<?= $group['id'] ?>">View</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input select-all-action" type="checkbox" data-action="add" id="selectAllAdd<?= $group['id'] ?>">
|
|
<label class="form-check-label small" for="selectAllAdd<?= $group['id'] ?>">Add</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input select-all-action" type="checkbox" data-action="edit" id="selectAllEdit<?= $group['id'] ?>">
|
|
<label class="form-check-label small" for="selectAllEdit<?= $group['id'] ?>" data-en="Edit" data-ar="تعديل">Edit</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input select-all-action" type="checkbox" data-action="delete" id="selectAllDelete<?= $group['id'] ?>">
|
|
<label class="form-check-label small" for="selectAllDelete<?= $group['id'] ?>" data-en="Delete" data-ar="حذف">Delete</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row overflow-auto pe-2" style="max-height: 500px;">
|
|
<?php
|
|
$stmtP = db()->prepare("SELECT permission FROM role_permissions WHERE role_id = ?");
|
|
$stmtP->execute([$group['id']]);
|
|
$perms = $stmtP->fetchAll(PDO::FETCH_COLUMN);
|
|
foreach ($permission_groups as $group_name => $modules): ?>
|
|
<div class="permission-group-container col-12 mb-4">
|
|
<div class="mt-3 mb-2 bg-secondary bg-opacity-10 p-2 d-flex justify-content-between align-items-center rounded border-start border-primary border-3">
|
|
<span class="fw-bold text-uppercase small text-primary"><?= htmlspecialchars((string)$group_name) ?></span>
|
|
<div class="form-check mb-0">
|
|
<input class="form-check-input select-all-group" type="checkbox" id="group_<?= $group['id'] ?>_<?= strtolower(str_replace(' ', '_', $group_name)) ?>">
|
|
<label class="form-check-label small fw-bold" for="group_<?= $group['id'] ?>_<?= strtolower(str_replace(' ', '_', $group_name)) ?>">Group All</label>
|
|
</div>
|
|
</div>
|
|
<div class="row g-3">
|
|
<?php foreach ($modules as $m => $label): ?>
|
|
<div class="col-md-6 mb-2 border-bottom pb-2 module-row">
|
|
<div class="small fw-bold mb-2 text-dark border-start border-2 ps-2 border-info d-flex justify-content-between align-items-center">
|
|
<span><?= htmlspecialchars((string)$label) ?></span>
|
|
<div class="form-check mb-0">
|
|
<input class="form-check-input select-all-row" type="checkbox" id="row_all_<?= $group['id'] ?>_<?= $m ?>">
|
|
<label class="form-check-label smaller text-muted mb-0 ms-1" style="font-size: 0.7rem;" for="row_all_<?= $group['id'] ?>_<?= $m ?>">Select All</label>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex gap-3 flex-wrap ps-2">
|
|
<?php foreach (['view', 'add', 'edit', 'delete'] as $a):
|
|
$p = $m . '_' . $a;
|
|
?>
|
|
<div class="form-check">
|
|
<input class="form-check-input perm-check" type="checkbox" name="permissions[]" value="<?= $p ?>" data-action="<?= $a ?>" id="perm_<?= $group['id'] ?>_<?= $p ?>" <?= in_array($p, (array)$perms, true) ? 'checked' : '' ?>>
|
|
<label class="form-check-label small" for="perm_<?= $group['id'] ?>_<?= $p ?>"><?= ucfirst($a) ?></label>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light rounded-pill px-3" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
|
|
<button type="submit" name="edit_role_group" class="btn btn-primary rounded-pill px-4" data-en="Update" data-ar="تحديث">Update</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
<?php if (empty($data['role_groups'])): ?>
|
|
<tr>
|
|
<td colspan="4" class="text-center py-4 text-muted" data-en="No role groups found" data-ar="لا توجد مجموعات أدوار">No role groups found</td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<?php require 'pages/users_role_permissions_script.php'; ?>
|