<?php
// File: /admin/header.php (Final Version)
session_start();
require_once __DIR__ . '/../db.php';

// Security check: only admins can access this area
if (!isset($_SESSION['user_id']) || $_SESSION['role'] !== 'admin') {
    header('Location: /login.php?error=unauthorized');
    exit();
}

// Detect current file name to highlight active link
$current_page = basename($_SERVER['PHP_SELF']);
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UCF Admin Dashboard</title>

    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">

    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        'ucf-green-light': '#F0FFF4',
                        'ucf-green': '#5A8B48',
                        'ucf-green-dark': '#406D3E',
                        'ucf-charcoal': '#2D3748',
                    }
                }
            }
        }
    </script>

    <style>
        .sidebar {
            width: 250px;
            transition: width 0.3s ease;
            position: fixed;
            height: 100vh;
            top: 0;
            left: 0;
            z-index: 50;
            overflow-y: auto;
        }
        .main-content {
            margin-left: 250px;
            transition: margin-left 0.3s ease;
            width: calc(100% - 250px);
        }
        .sidebar-link {
            display: flex;
            align-items: center;
            padding: 0.75rem 1rem;
            color: #E5E7EB;
            text-decoration: none;
            transition: background-color 0.2s ease;
            white-space: nowrap;
        }
        .sidebar-link:hover {
            background-color: #4A5568;
            color: #FFFFFF;
        }
        .sidebar-link.active {
            background-color: #5A8B48;
            color: #FFFFFF;
        }
        .sidebar-link i {
            width: 2rem;
            text-align: center;
            flex-shrink: 0;
            margin-right: 0.75rem;
        }
        .sidebar-text {
            overflow: hidden;
            text-overflow: ellipsis;
        }
        body.sidebar-mini .sidebar {
            width: 80px;
        }
        body.sidebar-mini .main-content {
            margin-left: 80px;
            width: calc(100% - 80px);
        }
        body.sidebar-mini .sidebar-text {
            display: none;
        }
        body.sidebar-mini .sidebar-link i {
            margin: auto;
        }
        body.sidebar-mini .p-4 span.sidebar-text {
            display: none;
        }
    </style>
</head>
<body class="bg-gray-100">

<div class="flex">
    <!-- Sidebar -->
    <div id="sidebar" class="sidebar bg-ucf-charcoal text-white">
        <div class="p-4 flex items-center justify-between h-16">
            <span class="text-2xl font-bold sidebar-text text-white">UCF Admin</span>
        </div>

        <nav class="mt-4">
            <a href="/admin/index.php" class="sidebar-link <?= $current_page === 'index.php' ? 'active' : '' ?>"><i class="fas fa-tachometer-alt"></i><span class="sidebar-text">Dashboard</span></a>
            <a href="/admin/manage_users.php" class="sidebar-link <?= $current_page === 'manage_users.php' ? 'active' : '' ?>"><i class="fas fa-users"></i><span class="sidebar-text">Manage Users</span></a>
            <a href="/admin/paintings.php" class="sidebar-link <?= $current_page === 'paintings.php' ? 'active' : '' ?>"><i class="fas fa-palette"></i><span class="sidebar-text">Manage Paintings</span></a>

            <!-- ✅ NEW: Manage UCF Team -->
            <a href="/admin/ucf_team_manage.php" class="sidebar-link <?= $current_page === 'ucf_team_manage.php' ? 'active' : '' ?>"><i class="fas fa-users-cog"></i><span class="sidebar-text">Manage UCF Team</span></a>

            <a href="/admin/competitions.php" class="sidebar-link <?= $current_page === 'competitions.php' ? 'active' : '' ?>"><i class="fas fa-trophy"></i><span class="sidebar-text">Competitions</span></a>
            <a href="/admin/articles.php" class="sidebar-link <?= $current_page === 'articles.php' ? 'active' : '' ?>"><i class="fas fa-newspaper"></i><span class="sidebar-text">News & Articles</span></a>
            <a href="/admin/tickets.php" class="sidebar-link <?= $current_page === 'tickets.php' ? 'active' : '' ?>"><i class="fas fa-life-ring"></i><span class="sidebar-text">Support Tickets</span></a>
            <a href="/admin/subscribers.php" class="sidebar-link <?= $current_page === 'subscribers.php' ? 'active' : '' ?>"><i class="fas fa-envelope-open-text"></i><span class="sidebar-text">Subscribers</span></a>
            <a href="/admin/newsletter_compose.php" class="sidebar-link <?= $current_page === 'newsletter_compose.php' ? 'active' : '' ?>"><i class="fas fa-paper-plane"></i><span class="sidebar-text">Send Newsletter</span></a>

            <a href="/logout.php" class="sidebar-link"><i class="fas fa-sign-out-alt"></i><span class="sidebar-text">Logout</span></a>
        </nav>
    </div>

    <!-- Main content -->
    <div id="main-content" class="main-content flex-1">
        <header class="bg-white shadow-md p-4 flex justify-between items-center sticky top-0 z-40 h-16">
            <button id="menu-toggle" class="text-2xl text-ucf-charcoal focus:outline-none">
                <i class="fas fa-bars"></i>
            </button>
            <div class="user-profile">
                <span class="font-medium">Welcome, <?= htmlspecialchars($_SESSION['username']); ?></span>
            </div>
        </header>

        <div class="content-area p-6 md:p-8">
