<?php
require_once 'admin-auth.php';

$auth = new AdminAuth();

// Handle logout
if (isset($_GET['logout'])) {
    $auth->logout();
}

// Handle login form submission
if ($_SERVER['REQUEST_METHOD'] === 'POST' && !$auth->isLoggedIn()) {
    $username = isset($_POST['username']) ? sanitize($_POST['username']) : '';
    $password = isset($_POST['password']) ? $_POST['password'] : '';
    $rememberMe = isset($_POST['remember_me']);
    
    if ($auth->login($username, $password, $rememberMe)) {
        header('Location: support.php');
        exit;
    } else {
        $loginError = 'Invalid username or password.';
    }
}

// Handle AJAX requests for logged-in admins
if ($auth->isLoggedIn() && $_SERVER['REQUEST_METHOD'] === 'POST') {
    $action = isset($_POST['action']) ? $_POST['action'] : '';
    $admin = $auth->getCurrentAdmin();
    
    switch ($action) {
        case 'update_status':
            $ticketId = isset($_POST['ticket_id']) ? intval($_POST['ticket_id']) : 0;
            $status = isset($_POST['status']) ? sanitize($_POST['status']) : '';
            
            if ($ticketId && in_array($status, ['open', 'pending', 'resolved', 'closed'])) {
                $success = $auth->updateTicketStatus($ticketId, $status, $admin['id']);
                adminJsonResponse($success, $success ? 'Status updated successfully' : 'Failed to update status');
            } else {
                adminJsonResponse(false, 'Invalid parameters');
            }
            break;
            
        case 'assign_ticket':
            $ticketId = isset($_POST['ticket_id']) ? intval($_POST['ticket_id']) : 0;
            $assignToId = isset($_POST['assign_to']) ? intval($_POST['assign_to']) : null;
            
            if ($ticketId) {
                $success = $auth->assignTicket($ticketId, $assignToId, $admin['id']);
                adminJsonResponse($success, $success ? 'Ticket assigned successfully' : 'Failed to assign ticket');
            } else {
                adminJsonResponse(false, 'Invalid ticket ID');
            }
            break;
            
        case 'add_reply':
            $ticketId = isset($_POST['ticket_id']) ? intval($_POST['ticket_id']) : 0;
            $message = isset($_POST['message']) ? trim($_POST['message']) : '';
            $isInternal = isset($_POST['is_internal']) ? true : false;
            
            if ($ticketId && $message) {
                $success = $auth->addReply($ticketId, $admin['id'], $message, $isInternal);
                adminJsonResponse($success, $success ? 'Reply added successfully' : 'Failed to add reply');
            } else {
                adminJsonResponse(false, 'Message is required');
            }
            break;
            
        case 'create_admin':
            if ($admin['role'] !== 'super_admin') {
                adminJsonResponse(false, 'Permission denied');
            }
            
            $username = isset($_POST['new_username']) ? sanitize($_POST['new_username']) : '';
            $email = isset($_POST['new_email']) ? sanitize($_POST['new_email']) : '';
            $password = isset($_POST['new_password']) ? $_POST['new_password'] : '';
            $fullName = isset($_POST['new_full_name']) ? sanitize($_POST['new_full_name']) : '';
            $role = isset($_POST['new_role']) ? sanitize($_POST['new_role']) : 'admin';
            
            if ($username && $email && $password && $fullName) {
                $success = $auth->createAdmin($username, $email, $password, $fullName, $role);
                adminJsonResponse($success, $success ? 'Admin user created successfully' : 'Failed to create admin user (username or email may already exist)');
            } else {
                adminJsonResponse(false, 'All fields are required');
            }
            break;
            
        default:
            adminJsonResponse(false, 'Invalid action');
    }
}

// If admin is logged in, get ticket data
if ($auth->isLoggedIn()) {
    $admin = $auth->getCurrentAdmin();
    
    // Get filters from URL
    $statusFilter = isset($_GET['status']) ? sanitize($_GET['status']) : null;
    $priorityFilter = isset($_GET['priority']) ? sanitize($_GET['priority']) : null;
    $page = isset($_GET['page']) ? max(1, intval($_GET['page'])) : 1;
    $limit = 25;
    $offset = ($page - 1) * $limit;
    
    // Get specific ticket if viewing one
    $viewTicketId = isset($_GET['ticket']) ? intval($_GET['ticket']) : null;
    $viewTicket = null;
    $ticketMessages = [];
    
    if ($viewTicketId) {
        $viewTicket = $auth->getTicketById($viewTicketId);
        if ($viewTicket) {
            $ticketMessages = $auth->getTicketMessages($viewTicketId, true);
        }
    }
    
    // Get tickets list and stats
    $tickets = $auth->getAllTickets($statusFilter, $priorityFilter, $limit, $offset);
    $stats = $auth->getTicketStats();
    $adminUsers = $auth->getAdminUsers();
}
?>
<!DOCTYPE html>
<html lang="en">
<!-- 🔧 UPDATED ADMIN PANEL - Status Updates Fixed - <?php echo date('Y-m-d H:i:s'); ?> -->

<head>
    <title><?php echo $auth->isLoggedIn() ? 'Support Admin Panel' : 'Admin Login'; ?> - Relevant Reflex</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="apple-touch-icon" href="assets/img/apple-icon.png">
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/templatemo.css">
    <link rel="stylesheet" href="assets/css/custom.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;700;900&display=swap">
    <link rel="stylesheet" href="assets/css/fontawesome.min.css">
    
    <style>
        .admin-header {
            background: linear-gradient(135deg, #dc3545 0%, #fd7e14 100%);
            color: white;
            padding: 1rem 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .login-container {
            min-height: 100vh;
            background: linear-gradient(135deg, #dc3545 0%, #fd7e14 100%);
            display: flex;
            align-items: center;
        }
        .login-card {
            background: white;
            border-radius: 15px;
            padding: 3rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            max-width: 400px;
            width: 100%;
        }
        .stats-card {
            background: white;
            border-radius: 10px;
            padding: 1.5rem;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin-bottom: 1.5rem;
        }
        .stat-number {
            font-size: 2rem;
            font-weight: bold;
            color: #dc3545;
        }
        .stat-label {
            color: #6c757d;
            font-size: 0.9rem;
        }
        .ticket-card {
            background: white;
            border-radius: 10px;
            padding: 1.5rem;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin-bottom: 1rem;
            border-left: 4px solid #dee2e6;
        }
        .ticket-card.priority-urgent { border-left-color: #dc3545; }
        .ticket-card.priority-high { border-left-color: #fd7e14; }
        .ticket-card.priority-medium { border-left-color: #ffc107; }
        .ticket-card.priority-low { border-left-color: #28a745; }
        
        .ticket-status {
            padding: 0.25rem 0.75rem;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 500;
        }
        .status-open { background: #fff3cd; color: #856404; }
        .status-pending { background: #cce5ff; color: #0056b3; }
        .status-resolved { background: #d4edda; color: #155724; }
        .status-closed { background: #f8d7da; color: #721c24; }
        
        .message {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 1.5rem;
            margin-bottom: 1rem;
        }
        .message.admin-message {
            background: #e3f2fd;
            border-left: 4px solid #2196f3;
        }
        .message.internal-message {
            background: #fff3e0;
            border-left: 4px solid #ff9800;
        }
        
        .filter-bar {
            background: white;
            border-radius: 10px;
            padding: 1rem;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin-bottom: 2rem;
        }
        
        .admin-nav {
            background: rgba(255,255,255,0.1);
            border-radius: 8px;
            padding: 0.5rem;
        }
        .admin-nav .nav-link {
            color: white !important;
            opacity: 0.8;
            transition: all 0.3s ease;
        }
        .admin-nav .nav-link:hover,
        .admin-nav .nav-link.active {
            opacity: 1;
            background: rgba(255,255,255,0.2);
            border-radius: 6px;
        }
        
        .notification-item {
            padding: 1rem;
            border-radius: 8px;
            margin-bottom: 0.5rem;
        }
        .notification-item.unread {
            background: #f8f9ff;
            border-left: 4px solid #007bff;
        }
        .notification-item h6 {
            color: #333;
            margin-bottom: 0.5rem;
        }
        .notification-item.unread h6 {
            color: #007bff;
        }
    </style>
</head>

<body>
    <?php if (!$auth->isLoggedIn()): ?>
    <!-- Admin Login Form -->
    <div class="login-container">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="login-card">
                        <div class="text-center mb-4">
                            <i class="fa fa-shield-alt" style="font-size: 3rem; color: #dc3545;"></i>
                            <h2 class="mt-3">Admin Login</h2>
                            <p class="text-muted">Support Panel Access</p>
                        </div>
                        
                        <?php if (isset($loginError)): ?>
                        <div class="alert alert-danger">
                            <i class="fa fa-exclamation-triangle"></i> <?php echo $loginError; ?>
                        </div>
                        <?php endif; ?>
                        
                        <form method="POST">
                            <div class="mb-3">
                                <label for="username" class="form-label">Username or Email</label>
                                <input type="text" class="form-control" id="username" name="username" required>
                            </div>
                            <div class="mb-3">
                                <label for="password" class="form-label">Password</label>
                                <input type="password" class="form-control" id="password" name="password" required>
                            </div>
                            <div class="mb-3 form-check">
                                <input type="checkbox" class="form-check-input" id="remember_me" name="remember_me">
                                <label class="form-check-label" for="remember_me">
                                    Remember me for 30 days
                                </label>
                            </div>
                            <button type="submit" class="btn btn-danger w-100">
                                <i class="fa fa-sign-in-alt"></i> Login to Admin Panel
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <?php else: ?>
    <!-- Admin Panel -->
    
    <!-- Admin Header -->
    <div class="admin-header">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <h3 class="mb-0">
                        <i class="fa fa-shield-alt"></i> Support Admin Panel
                    </h3>
                    <small>Welcome, <?php echo htmlspecialchars($admin['full_name']); ?></small>
                </div>
                <div class="col-md-6">
                    <div class="admin-nav">
                        <ul class="nav nav-pills justify-content-end">
                            <li class="nav-item">
                                <a class="nav-link <?php echo !$viewTicketId ? 'active' : ''; ?>" href="support.php">
                                    <i class="fa fa-list"></i> All Tickets
                                </a>
                            </li>
                            <?php if ($admin['role'] === 'super_admin'): ?>
                            <li class="nav-item">
                                <a class="nav-link" href="#" onclick="showCreateAdmin()">
                                    <i class="fa fa-user-plus"></i> Create Admin
                                </a>
                            </li>
                            <?php endif; ?>
                            <li class="nav-item">
                                <a class="nav-link" href="support.php?logout=1">
                                    <i class="fa fa-sign-out-alt"></i> Logout
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container my-4">
        <?php if (!$viewTicketId): ?>
        <!-- Dashboard Overview -->
        
        <!-- Stats Row -->
        <div class="row mb-4">
            <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
                <div class="stats-card text-center">
                    <div class="stat-number"><?php echo $stats['total'] ?? 0; ?></div>
                    <div class="stat-label">Total Tickets</div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
                <div class="stats-card text-center">
                    <div class="stat-number text-warning"><?php echo $stats['open'] ?? 0; ?></div>
                    <div class="stat-label">Open</div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
                <div class="stats-card text-center">
                    <div class="stat-number text-info"><?php echo $stats['pending'] ?? 0; ?></div>
                    <div class="stat-label">Pending</div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
                <div class="stats-card text-center">
                    <div class="stat-number text-success"><?php echo $stats['resolved'] ?? 0; ?></div>
                    <div class="stat-label">Resolved</div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
                <div class="stats-card text-center">
                    <div class="stat-number text-danger"><?php echo $stats['urgent'] ?? 0; ?></div>
                    <div class="stat-label">Urgent</div>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-6 mb-3">
                <div class="stats-card text-center">
                    <div class="stat-number text-primary"><?php echo $stats['today'] ?? 0; ?></div>
                    <div class="stat-label">Today</div>
                </div>
            </div>
        </div>

        <!-- Filter Bar -->
        <div class="filter-bar">
            <div class="row align-items-center">
                <div class="col-md-3">
                    <label class="form-label">Filter by Status:</label>
                    <select class="form-control" id="statusFilter" onchange="applyFilters()">
                        <option value="">All Statuses</option>
                        <option value="open" <?php echo $statusFilter === 'open' ? 'selected' : ''; ?>>Open</option>
                        <option value="pending" <?php echo $statusFilter === 'pending' ? 'selected' : ''; ?>>Pending</option>
                        <option value="resolved" <?php echo $statusFilter === 'resolved' ? 'selected' : ''; ?>>Resolved</option>
                        <option value="closed" <?php echo $statusFilter === 'closed' ? 'selected' : ''; ?>>Closed</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Filter by Priority:</label>
                    <select class="form-control" id="priorityFilter" onchange="applyFilters()">
                        <option value="">All Priorities</option>
                        <option value="urgent" <?php echo $priorityFilter === 'urgent' ? 'selected' : ''; ?>>Urgent</option>
                        <option value="high" <?php echo $priorityFilter === 'high' ? 'selected' : ''; ?>>High</option>
                        <option value="medium" <?php echo $priorityFilter === 'medium' ? 'selected' : ''; ?>>Medium</option>
                        <option value="low" <?php echo $priorityFilter === 'low' ? 'selected' : ''; ?>>Low</option>
                    </select>
                </div>
                <div class="col-md-6 text-end">
                    <button class="btn btn-outline-secondary" onclick="clearFilters()">
                        <i class="fa fa-times"></i> Clear Filters
                    </button>
                    <button class="btn btn-outline-primary" onclick="refreshTickets()">
                        <i class="fa fa-sync-alt"></i> Refresh
                    </button>
                </div>
            </div>
        </div>

        <!-- Tickets List -->
        <div class="tickets-container">
            <?php if (empty($tickets)): ?>
            <div class="text-center py-5">
                <i class="fa fa-inbox" style="font-size: 4rem; color: #dee2e6;"></i>
                <h4 class="mt-3 text-muted">No tickets found</h4>
                <p class="text-muted">No support tickets match your current filters.</p>
            </div>
            <?php else: ?>
                <?php foreach ($tickets as $ticket): ?>
                <div class="ticket-card priority-<?php echo $ticket['priority']; ?>">
                    <div class="row align-items-center">
                        <div class="col-md-8">
                            <div class="d-flex align-items-center mb-2">
                                <h6 class="mb-0 me-3">
                                    <a href="support.php?ticket=<?php echo $ticket['id']; ?>" class="text-decoration-none">
                                        #<?php echo htmlspecialchars($ticket['ticket_number']); ?>
                                    </a>
                                </h6>
                                <span class="ticket-status status-<?php echo $ticket['status']; ?>">
                                    <?php echo ucfirst($ticket['status']); ?>
                                </span>
                                <span class="badge bg-<?php echo $ticket['priority'] === 'urgent' ? 'danger' : ($ticket['priority'] === 'high' ? 'warning' : ($ticket['priority'] === 'medium' ? 'info' : 'success')); ?> ms-2">
                                    <?php echo ucfirst($ticket['priority']); ?>
                                </span>
                            </div>
                            <h6><?php echo htmlspecialchars($ticket['subject']); ?></h6>
                            <small class="text-muted">
                                <i class="fa fa-user"></i> <?php echo htmlspecialchars($ticket['user_email']); ?> |
                                <i class="fa fa-clock"></i> <?php echo date('M j, Y g:i A', strtotime($ticket['created_at'])); ?> |
                                <i class="fa fa-comments"></i> <?php echo ($ticket['user_replies'] + $ticket['admin_replies']); ?> messages
                                <?php if ($ticket['assigned_to_name']): ?>
                                | <i class="fa fa-user-shield"></i> Assigned to <?php echo htmlspecialchars($ticket['assigned_to_name']); ?>
                                <?php endif; ?>
                            </small>
                        </div>
                        <div class="col-md-4 text-end">
                            <div class="btn-group">
                                <a href="support.php?ticket=<?php echo $ticket['id']; ?>" class="btn btn-sm btn-outline-primary">
                                    <i class="fa fa-eye"></i> View
                                </a>
                                <button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown">
                                    <span class="visually-hidden">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#" onclick="updateStatus(<?php echo $ticket['id']; ?>, 'open')">Mark as Open</a></li>
                                    <li><a class="dropdown-item" href="#" onclick="updateStatus(<?php echo $ticket['id']; ?>, 'pending')">Mark as Pending</a></li>
                                    <li><a class="dropdown-item" href="#" onclick="updateStatus(<?php echo $ticket['id']; ?>, 'resolved')">Mark as Resolved</a></li>
                                    <li><a class="dropdown-item" href="#" onclick="updateStatus(<?php echo $ticket['id']; ?>, 'closed')">Close Ticket</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <?php endforeach; ?>
            <?php endif; ?>
        </div>
        
        <?php else: ?>
        <!-- Individual Ticket View -->
        <?php if ($viewTicket): ?>
        <div class="row">
            <div class="col-md-8">
                <!-- Ticket Details -->
                <div class="ticket-card">
                    <div class="d-flex justify-content-between align-items-start mb-3">
                        <div>
                            <h4>Ticket #<?php echo htmlspecialchars($viewTicket['ticket_number']); ?></h4>
                            <h6 class="text-muted"><?php echo htmlspecialchars($viewTicket['subject']); ?></h6>
                        </div>
                        <div class="text-end">
                            <span class="ticket-status status-<?php echo $viewTicket['status']; ?>">
                                <?php echo ucfirst($viewTicket['status']); ?>
                            </span>
                            <br>
                            <span class="badge bg-<?php echo $viewTicket['priority'] === 'urgent' ? 'danger' : ($viewTicket['priority'] === 'high' ? 'warning' : ($viewTicket['priority'] === 'medium' ? 'info' : 'success')); ?> mt-1">
                                <?php echo ucfirst($viewTicket['priority']); ?>
                            </span>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <small><strong>User:</strong> <?php echo htmlspecialchars($viewTicket['user_email']); ?></small><br>
                            <small><strong>Created:</strong> <?php echo date('F j, Y g:i A', strtotime($viewTicket['created_at'])); ?></small>
                        </div>
                        <div class="col-md-6">
                            <small><strong>Assigned to:</strong> <?php echo $viewTicket['assigned_to_name'] ? htmlspecialchars($viewTicket['assigned_to_name']) : 'Unassigned'; ?></small><br>
                            <small><strong>Last update:</strong> <?php echo date('F j, Y g:i A', strtotime($viewTicket['updated_at'])); ?></small>
                        </div>
                    </div>
                </div>

                <!-- Messages -->
                <div class="messages-container">
                    <?php foreach ($ticketMessages as $message): ?>
                    <div class="message <?php echo $message['sender_type']; ?>-message <?php echo $message['is_internal'] ? 'internal-message' : ''; ?>">
                        <div class="d-flex justify-content-between align-items-start mb-2">
                            <div>
                                <strong>
                                    <?php if ($message['sender_type'] === 'user'): ?>
                                        <i class="fa fa-user"></i> <?php echo htmlspecialchars($message['sender_name']); ?>
                                    <?php else: ?>
                                        <i class="fa fa-user-shield"></i> <?php echo htmlspecialchars($message['sender_name']); ?>
                                        <?php if ($message['is_internal']): ?>
                                            <span class="badge bg-warning ms-2">Internal Note</span>
                                        <?php endif; ?>
                                    <?php endif; ?>
                                </strong>
                            </div>
                            <small class="text-muted">
                                <?php echo date('M j, Y g:i A', strtotime($message['created_at'])); ?>
                            </small>
                        </div>
                        <div class="message-content">
                            <?php echo nl2br(htmlspecialchars($message['message'])); ?>
                        </div>
                    </div>
                    <?php endforeach; ?>
                </div>

                <!-- Reply Form -->
                <?php if ($viewTicket['status'] !== 'closed'): ?>
                <div class="ticket-card">
                    <h6><i class="fa fa-reply"></i> Add Reply</h6>
                    <form id="replyForm">
                        <input type="hidden" name="action" value="add_reply">
                        <input type="hidden" name="ticket_id" value="<?php echo $viewTicket['id']; ?>">
                        <div class="mb-3">
                            <textarea class="form-control" name="message" rows="4" placeholder="Type your reply..." required></textarea>
                        </div>
                        <div class="mb-3 form-check">
                            <input type="checkbox" class="form-check-input" id="is_internal" name="is_internal">
                            <label class="form-check-label" for="is_internal">
                                <i class="fa fa-eye-slash"></i> Internal note (not visible to user)
                            </label>
                        </div>
                        <button type="submit" class="btn btn-success">
                            <i class="fa fa-paper-plane"></i> Send Reply
                        </button>
                    </form>
                </div>
                <?php endif; ?>
            </div>

            <!-- Sidebar -->
            <div class="col-md-4">
                <!-- Actions -->
                <div class="ticket-card">
                    <h6><i class="fa fa-cogs"></i> Actions</h6>
                    
                    <div class="mb-3">
                        <label class="form-label">Change Status:</label>
                        <select class="form-control" id="ticketStatus" onchange="updateTicketStatus()">
                            <option value="open" <?php echo $viewTicket['status'] === 'open' ? 'selected' : ''; ?>>Open</option>
                            <option value="pending" <?php echo $viewTicket['status'] === 'pending' ? 'selected' : ''; ?>>Pending</option>
                            <option value="resolved" <?php echo $viewTicket['status'] === 'resolved' ? 'selected' : ''; ?>>Resolved</option>
                            <option value="closed" <?php echo $viewTicket['status'] === 'closed' ? 'selected' : ''; ?>>Closed</option>
                        </select>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">Assign to:</label>
                        <select class="form-control" id="assignTo" onchange="assignTicket()">
                            <option value="">Unassigned</option>
                            <?php foreach ($adminUsers as $adminUser): ?>
                            <option value="<?php echo $adminUser['id']; ?>" <?php echo $viewTicket['assigned_to'] == $adminUser['id'] ? 'selected' : ''; ?>>
                                <?php echo htmlspecialchars($adminUser['full_name']); ?> (<?php echo $adminUser['role']; ?>)
                            </option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                </div>

                <!-- Quick Info -->
                <div class="ticket-card">
                    <h6><i class="fa fa-info-circle"></i> Quick Info</h6>
                    <small>
                        <strong>Messages:</strong> <?php echo count($ticketMessages); ?><br>
                        <strong>User Messages:</strong> <?php echo count(array_filter($ticketMessages, function($m) { return $m['sender_type'] === 'user'; })); ?><br>
                        <strong>Admin Replies:</strong> <?php echo count(array_filter($ticketMessages, function($m) { return $m['sender_type'] === 'admin' && !$m['is_internal']; })); ?><br>
                        <strong>Internal Notes:</strong> <?php echo count(array_filter($ticketMessages, function($m) { return $m['is_internal']; })); ?>
                    </small>
                </div>
            </div>
        </div>
        
        <?php else: ?>
        <div class="text-center py-5">
            <i class="fa fa-exclamation-triangle" style="font-size: 4rem; color: #ffc107;"></i>
            <h4 class="mt-3">Ticket Not Found</h4>
            <p class="text-muted">The requested ticket could not be found.</p>
            <a href="support.php" class="btn btn-primary">Back to All Tickets</a>
        </div>
        <?php endif; ?>
        <?php endif; ?>
    </div>

    <!-- Create Admin Modal -->
    <?php if ($admin['role'] === 'super_admin'): ?>
    <div class="modal fade" id="createAdminModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"><i class="fa fa-user-plus"></i> Create New Admin User</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form id="createAdminForm">
                    <div class="modal-body">
                        <input type="hidden" name="action" value="create_admin">
                        <div class="mb-3">
                            <label class="form-label">Username *</label>
                            <input type="text" class="form-control" name="new_username" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Email *</label>
                            <input type="email" class="form-control" name="new_email" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Password *</label>
                            <input type="password" class="form-control" name="new_password" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Full Name *</label>
                            <input type="text" class="form-control" name="new_full_name" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Role</label>
                            <select class="form-control" name="new_role">
                                <option value="admin">Admin</option>
                                <option value="super_admin">Super Admin</option>
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-success">Create Admin User</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <?php endif; ?>
    
    <?php endif; ?>

    <!-- Scripts -->
    <script src="assets/js/jquery-1.11.0.min.js"></script>
    <script src="assets/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>

    <?php if ($auth->isLoggedIn()): ?>
    <script>
        function applyFilters() {
            const status = document.getElementById('statusFilter').value;
            const priority = document.getElementById('priorityFilter').value;
            
            let url = 'support.php?';
            if (status) url += 'status=' + status + '&';
            if (priority) url += 'priority=' + priority + '&';
            
            window.location.href = url.replace(/&$/, '');
        }
        
        function clearFilters() {
            window.location.href = 'support.php';
        }
        
        function refreshTickets() {
            window.location.reload();
        }
        
        function updateStatus(ticketId, status) {
            if (confirm('Are you sure you want to change the status to "' + status + '"?')) {
                const formData = new FormData();
                formData.append('action', 'update_status');
                formData.append('ticket_id', ticketId);
                formData.append('status', status);
                
                fetch('support.php', {
                    method: 'POST',
                    body: formData
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        location.reload();
                    } else {
                        alert('Error: ' + data.message);
                    }
                });
            }
        }
        
        <?php if ($viewTicketId): ?>
        function updateTicketStatus() {
            const status = document.getElementById('ticketStatus').value;
            updateStatus(<?php echo $viewTicketId; ?>, status);
        }
        
        function assignTicket() {
            const assignTo = document.getElementById('assignTo').value;
            const formData = new FormData();
            formData.append('action', 'assign_ticket');
            formData.append('ticket_id', <?php echo $viewTicketId; ?>);
            formData.append('assign_to', assignTo);
            
            fetch('support.php', {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    location.reload();
                } else {
                    alert('Error: ' + data.message);
                }
            });
        }
        
        document.getElementById('replyForm').addEventListener('submit', function(e) {
            e.preventDefault();
            
            const formData = new FormData(this);
            const submitBtn = this.querySelector('button[type="submit"]');
            const originalText = submitBtn.innerHTML;
            
            submitBtn.disabled = true;
            submitBtn.innerHTML = '<i class="fa fa-spinner fa-spin"></i> Sending...';
            
            fetch('support.php', {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    location.reload();
                } else {
                    alert('Error: ' + data.message);
                    submitBtn.disabled = false;
                    submitBtn.innerHTML = originalText;
                }
            });
        });
        <?php endif; ?>
        
        <?php if ($admin['role'] === 'super_admin'): ?>
        function showCreateAdmin() {
            new bootstrap.Modal(document.getElementById('createAdminModal')).show();
        }
        
        function showWorkflowGuide() {
            new bootstrap.Modal(document.getElementById('workflowGuideModal')).show();
        }
        
        document.getElementById('createAdminForm').addEventListener('submit', function(e) {
            e.preventDefault();
            
            const formData = new FormData(this);
            
            fetch('support.php', {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Admin user created successfully!');
                    bootstrap.Modal.getInstance(document.getElementById('createAdminModal')).hide();
                } else {
                    alert('Error: ' + data.message);
                }
            });
        });
        <?php endif; ?>
    </script>
    <?php endif; ?>
</body>
</html>