Feature 5: Implement Bulk Actions (Admin Only)

Add comprehensive bulk operations system for admins:

- Created BulkOperationsModel.php with operation tracking and processing
- Added bulk_operation.php API endpoint for bulk operations
- Created get_users.php API endpoint for user dropdown in bulk assign
- Updated DashboardView.php with checkboxes and bulk actions toolbar
- Added JavaScript functions for:
  - Select all/clear selection
  - Bulk close tickets
  - Bulk assign tickets
  - Bulk change priority
- Added comprehensive CSS for bulk actions toolbar and modals
- All bulk operations are admin-only (enforced server-side)
- Operations tracked in bulk_operations table with audit logging
- Supports bulk_close, bulk_assign, and bulk_priority operations

Admins can now select multiple tickets and perform batch operations, significantly improving workflow efficiency.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

assets/css/dashboard.css

@@ -671,4 +671,172 @@ th.sort-desc::after {
 .cancel-settings {
     background: var(--hover-bg);
     color: var(--text-primary);
-}
+}
+/* Bulk Actions Styles (Admin only) */
+.bulk-actions-toolbar {
+    display: none;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1rem;
+    background: var(--toolbar-bg, #fff3cd);
+    border: 1px solid var(--toolbar-border, #ffc107);
+    border-radius: 8px;
+    margin: 1rem 0;
+}
+
+.bulk-actions-info {
+    font-weight: bold;
+    color: var(--text-primary, #333);
+}
+
+.bulk-actions-buttons {
+    display: flex;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
+
+.btn-bulk {
+    padding: 0.5rem 1rem;
+    background: var(--btn-bulk-bg, #007bff);
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 0.9rem;
+    transition: background 0.2s ease;
+}
+
+.btn-bulk:hover {
+    background: var(--btn-bulk-hover, #0056b3);
+}
+
+.btn-secondary {
+    padding: 0.5rem 1rem;
+    background: var(--btn-secondary-bg, #6c757d);
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 0.9rem;
+    transition: background 0.2s ease;
+}
+
+.btn-secondary:hover {
+    background: var(--btn-secondary-hover, #5a6268);
+}
+
+/* Dark mode bulk actions */
+body.dark-mode .bulk-actions-toolbar {
+    --toolbar-bg: #3e3400;
+    --toolbar-border: #ffc107;
+    --text-primary: #f8f9fa;
+}
+
+body.dark-mode .btn-bulk {
+    --btn-bulk-bg: #0d6efd;
+    --btn-bulk-hover: #0b5ed7;
+}
+
+body.dark-mode .btn-secondary {
+    --btn-secondary-bg: #495057;
+    --btn-secondary-hover: #343a40;
+}
+
+/* Modal styles */
+.modal-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 10000;
+}
+
+.modal-content {
+    background: var(--bg-primary, white);
+    padding: 2rem;
+    border-radius: 8px;
+    min-width: 300px;
+    max-width: 500px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.modal-content h3 {
+    margin-top: 0;
+    margin-bottom: 1rem;
+    color: var(--text-primary, #333);
+}
+
+.modal-body {
+    margin-bottom: 1.5rem;
+}
+
+.modal-body label {
+    display: block;
+    margin-bottom: 0.5rem;
+    font-weight: 500;
+    color: var(--text-primary, #333);
+}
+
+.modal-body select {
+    width: 100%;
+    padding: 0.5rem;
+    border: 1px solid var(--border-color, #ddd);
+    border-radius: 4px;
+    background: var(--bg-secondary, #f8f9fa);
+    color: var(--text-primary, #333);
+}
+
+.modal-footer {
+    display: flex;
+    gap: 0.5rem;
+    justify-content: flex-end;
+}
+
+/* Dark mode modal */
+body.dark-mode .modal-content {
+    --bg-primary: #2d3748;
+    --bg-secondary: #1a202c;
+    --text-primary: #f7fafc;
+    --border-color: #4a5568;
+}
+
+body.dark-mode .modal-body select {
+    background: #1a202c;
+    color: #f7fafc;
+    border-color: #4a5568;
+}
+
+/* Checkbox styling in table */
+.ticket-checkbox {
+    cursor: pointer;
+    width: 18px;
+    height: 18px;
+}
+
+#selectAllCheckbox {
+    cursor: pointer;
+    width: 18px;
+    height: 18px;
+}
+
+/* Responsive bulk actions */
+@media (max-width: 768px) {
+    .bulk-actions-toolbar {
+        flex-direction: column;
+        align-items: stretch;
+    }
+
+    .bulk-actions-info {
+        text-align: center;
+        margin-bottom: 0.5rem;
+    }
+
+    .bulk-actions-buttons {
+        justify-content: center;
+    }
+}