@php
    $currentRoute = request()->route()?->getName();
@endphp

<div class="sidebar" id="appSidebar">
    <button type="button" class="sidebar-collapse-toggle" id="sidebarCollapseToggle" aria-label="Toggle sidebar">
        <i class="bi bi-layout-sidebar"></i>
    </button>

    <div class="sidebar-top-mobile">
        <div class="fw-bold">Menu</div>
        <button type="button" class="sidebar-close-btn" id="closeSidebarBtn">
            <i class="bi bi-x-lg"></i>
        </button>
    </div>

    <div class="sidebar-brand">
        <div class="sidebar-logo-mark"><i class="bi bi-calendar3-week"></i></div>
        <div class="sidebar-brand-text">
            Class Scheduling System
            @if (auth()->user()?->usesSchedulePortal())
                <div class="sidebar-subtitle">{{ auth()->user()->isPrincipal() ? 'Principal Portal' : 'Teacher Portal' }}</div>
            @endif
        </div>
    </div>

    @if (auth()->user()?->usesSchedulePortal())
        @if (!auth()->user()->must_change_password)
            @php
                $isPrincipal = auth()->user()->isPrincipal();
                $portalView = request('view', $isPrincipal ? 'section' : 'mine');
                $portalGrades = \App\Models\GradeLevel::query()->where('is_active', true)->orderBy('sort_order')->get();
                $portalGradeId = (int) request('grade_level_id', $portalGrades->first()?->id);
            @endphp

            @if ($isPrincipal)
                <nav class="nav flex-column mt-2">
                    <a href="{{ route('principal.dashboard') }}"
                       class="nav-link {{ $currentRoute === 'principal.dashboard' ? 'active' : '' }}"
                       title="Dashboard">
                        <i class="bi bi-grid-1x2-fill"></i>
                        <span>Dashboard</span>
                    </a>
                </nav>
            @endif

            <div class="nav-section-label">Schedules</div>

            <nav class="nav flex-column">
                @unless ($isPrincipal)
                    <a href="{{ route('teacher.schedules.index', ['view' => 'mine']) }}"
                       class="nav-link {{ $currentRoute === 'teacher.schedules.index' && $portalView === 'mine' ? 'active' : '' }}"
                       title="My Schedule">
                        <i class="bi bi-person-badge-fill"></i>
                        <span>My Schedule</span>
                    </a>
                @endunless

                @foreach ($portalGrades as $portalGrade)
                    <a href="{{ route('teacher.schedules.index', ['view' => 'section', 'grade_level_id' => $portalGrade->id]) }}"
                       class="nav-link {{ $currentRoute === 'teacher.schedules.index' && $portalView === 'section' && $portalGradeId === $portalGrade->id ? 'active' : '' }}"
                       title="{{ $portalGrade->name }} Sections">
                        <i class="bi bi-calendar3"></i>
                        <span>{{ $portalGrade->name }}</span>
                    </a>
                @endforeach

                <a href="{{ route('teacher.schedules.index', ['view' => 'teacher']) }}"
                   class="nav-link {{ $currentRoute === 'teacher.schedules.index' && $portalView === 'teacher' ? 'active' : '' }}"
                   title="Teachers">
                    <i class="bi bi-people-fill"></i>
                    <span>Teachers</span>
                </a>
            </nav>

            @if ($isPrincipal)
                <div class="nav-section-label">Monitoring</div>

                <nav class="nav flex-column">
                    @foreach (['load' => ['Teacher Load', 'bi-speedometer2'], 'hours' => ['Subject Hours', 'bi-clock-history'], 'readiness' => ['Readiness', 'bi-clipboard-check']] as $insightKey => [$insightLabel, $insightIcon])
                        <a href="{{ route('principal.insights', ['tab' => $insightKey]) }}"
                           class="nav-link {{ $currentRoute === 'principal.insights' && request('tab', 'load') === $insightKey ? 'active' : '' }}"
                           title="{{ $insightLabel }}">
                            <i class="bi {{ $insightIcon }}"></i>
                            <span>{{ $insightLabel }}</span>
                        </a>
                    @endforeach
                </nav>
            @endif
        @endif
    @else
    <nav class="nav flex-column mt-4">
        <a href="{{ route('dashboard.index') }}"
           class="nav-link {{ str_starts_with($currentRoute, 'dashboard.') ? 'active' : '' }}"
           title="Dashboard">
            <i class="bi bi-grid-1x2-fill"></i>
            <span>Dashboard</span>
        </a>

        <a href="{{ route('academic-setup.index') }}"
           class="nav-link {{ str_starts_with($currentRoute, 'academic-setup.') ? 'active' : '' }}"
           title="Academic Setup">
            <i class="bi bi-journal-text"></i>
            <span>Academic Setup</span>
        </a>

        <a href="{{ route('teachers.index') }}"
           class="nav-link {{ str_starts_with($currentRoute, 'teachers.') ? 'active' : '' }}"
           title="Teacher Management">
            <i class="bi bi-people-fill"></i>
            <span>Teacher Management</span>
        </a>

        <a href="{{ route('scheduling.index') }}"
           class="nav-link {{ str_starts_with($currentRoute, 'scheduling.') ? 'active' : '' }}"
           title="Scheduling">
            <i class="bi bi-calendar3"></i>
            <span>Scheduling</span>
        </a>

        <a href="{{ route('reports.index') }}"
           class="nav-link {{ str_starts_with($currentRoute, 'reports.') ? 'active' : '' }}"
           title="Reports">
            <i class="bi bi-file-earmark-bar-graph-fill"></i>
            <span>Reports</span>
        </a>
    </nav>
    @endif

    <div class="sidebar-bottom">
        @if (auth()->user()?->usesSchedulePortal())
            <a href="{{ route('password.change') }}"
               class="nav-link {{ $currentRoute === 'password.change' ? 'active' : '' }}"
               title="Change Password">
                <i class="bi bi-key"></i>
                <span>Change Password</span>
            </a>
        @else
            <a href="{{ route('admin-settings.index') }}"
               class="nav-link {{ str_starts_with($currentRoute, 'admin-settings.') ? 'active' : '' }}"
               title="Settings">
                <i class="bi bi-gear-fill"></i>
                <span>Settings</span>
            </a>
        @endif
    </div>
</div>