<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Admin Panel - @yield('title')</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    {{-- Bootstrap --}}
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

    {{-- FontAwesome --}}
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">

    <style>
        body {
            font-family: 'Segoe UI', sans-serif;
        }
        .sidebar {
            min-height: 100vh;
            background-color: #343a40;
            padding-top: 1rem;
        }
        .sidebar a {
            color: #fff;
            padding: 12px 20px;
            display: block;
            text-decoration: none;
        }
        .sidebar a:hover {
            background-color: #495057;
            color: #ffc107;
        }
        .sidebar .sidebar-title {
            font-size: 1.2rem;
            font-weight: bold;
            color: #ffc107;
            padding: 10px 20px;
            margin-bottom: 1rem;
        }
        .logout-link {
            color: #dc3545 !important;
        }
    </style>
</head>
<body>

<div class="container-fluid">
    <div class="row">

        {{-- Admin Sidebar --}}
        <div class="col-md-2 sidebar">
            <div class="sidebar-title text-center">Admin Panel</div>

            <a href="{{ route('admin.dashboard') }}">
                <i class="fas fa-tachometer-alt"></i> Dashboard
            </a>

            <a href="{{ route('admin.programmes.index') }}">
                <i class="fas fa-book-open"></i> Programmes
            </a>

            <a href="{{ route('admin.courses.index') }}">
                <i class="fas fa-book"></i> Manage Courses
            </a>

            <a href="{{ route('admin.registrations.index') }}">
                <i class="fas fa-user-check"></i> Manage Registrations
            </a>

            <a href="{{ route('admin.results.index') }}">
                <i class="fas fa-chart-line"></i> Results
            </a>

            <a href="{{ route('admin.deferments.index') }}">
                <i class="fas fa-envelope-open-text"></i> Deferments
            </a>

            <a href="{{ route('admin.accommodation.index') }}">
                <i class="fas fa-bed"></i> Accommodation
            </a>

            <a href="{{ route('admin.notices.index') }}">
                <i class="fas fa-bullhorn"></i> Notices
            </a>

            <a href="{{ route('admin.downloads.index') }}">
                <i class="fas fa-download"></i> Downloads
            </a>

            <a href="{{ route('logout') }}" class="logout-link mt-4">
                <i class="fas fa-sign-out-alt"></i> Logout
            </a>
        </div>

        {{-- Main Content --}}
        <div class="col-md-10 p-4">
            @yield('content')
        </div>

    </div>
</div>

{{-- Bootstrap JS --}}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

</body>
</html>
