<div class="min-h-screen bg-blue-800 text-white w-64 px-4 py-6 fixed">
    <div class="mb-10 flex items-center gap-2">
        <i class="fas fa-graduation-cap text-yellow-400 text-xl"></i>
        <span class="text-lg font-bold">Student Portal</span>
    </div>

    <nav class="flex flex-col space-y-2">
        {{-- Dashboard --}}
        <a href="{{ route('dashboard') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-home"></i> Dashboard
        </a>

        {{-- Registered Programme --}}
        <a href="{{ route('student.programmes') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-graduation-cap"></i> Registered Programme
        </a>

        {{-- Registration --}}
        <a href="{{ route('student.registration') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-pen-nib"></i> Registration
        </a>

        {{-- Registered Courses --}}
        <a href="{{ route('student.courses') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-list"></i> Registered Courses
        </a>

        {{-- Timetable --}}
        <a href="{{ route('student.timetable') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-calendar-alt"></i> Timetable
        </a>

        {{-- Assessments (external link) --}}
        <a href="https://ecampus.co.zw/" target="_blank" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-laptop-code"></i> Assessments
        </a>

        {{-- Coursework --}}
        <a href="{{ route('student.coursework') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-tasks"></i> Coursework
        </a>

        {{-- Results --}}
        <a href="{{ route('student.results') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-chart-line"></i> My Results
        </a>

        {{-- Statement / Fees --}}
        <a href="{{ route('student.statement') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-receipt"></i> Statement / Fees
        </a>

        {{-- Accommodation --}}
        <a href="{{ route('student.accommodation') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-bed"></i> Accommodation
        </a>

        {{-- Deferment --}}
        <a href="{{ route('student.deferment') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-envelope-open-text"></i> Deferment
        </a>

        {{-- Notices --}}
        <a href="{{ route('student.notices') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-bullhorn"></i> Notices
        </a>

        {{-- Downloads --}}
        <a href="{{ route('student.downloads') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-folder-open"></i> Downloads
        </a>

        {{-- Personal Details --}}
        <a href="{{ route('student.profile') }}" class="flex items-center gap-3 px-3 py-2 rounded hover:bg-blue-700">
            <i class="fas fa-user"></i> Personal Details
        </a>
    </nav>

    <div class="mt-10 border-t border-blue-700 pt-4">
        <a href="{{ route('logout') }}" class="flex items-center gap-3 px-3 py-2 text-red-400 hover:text-red-200">
            <i class="fas fa-sign-out-alt"></i> Logout
        </a>
    </div>
</div>
