<!-- Sidebar -->
<aside class="w-64 bg-gradient-to-b from-green-600 to-green-700 text-white shadow-2xl min-h-screen fixed">
    <div class="p-6 border-b border-green-500/30">
        <div class="flex items-center gap-4">
            <img src="{{ asset('assets/img/logos/LOGO.png') }}" alt="Logo" class="w-12 h-12 rounded-full shadow-lg" />
            <div>
                <h2 class="font-bold text-xl">Menu Admin</h2>
                <p class="text-green-200 text-sm">Dashboard</p>
            </div>
        </div>
    </div>
    <nav class="p-4 space-y-2">
        <a href="{{ route('admin.dashboard') }}" class="flex items-center gap-4 px-4 py-3 rounded-xl hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('admin.dashboard') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">
            <i class="fas fa-tachometer-alt fa-fw text-lg"></i>
            <span class="font-medium">Dashboard</span>
        </a>
        <!-- Data User Dropdown -->
        <div>
            <button onclick="toggleDropdown('userDropdown')" class="flex items-center gap-4 w-full px-4 py-3 rounded-xl hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300">
                <i class="fas fa-users fa-fw text-lg"></i>
                <span class="font-medium flex-1 text-left">Data User</span>
                <i id="userDropdownIcon" class="fas fa-chevron-down text-sm"></i>
            </button>
            <div id="userDropdown" class="hidden mt-1 pl-8 space-y-1">
                <a href="{{ route('users.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('users.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Akun User</a>
                <a href="{{ route('santris.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('santris.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Data Santri</a>
                <a href="{{ route('gurus.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('gurus.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Data Guru</a>
            </div>
        </div>
        <!-- Akademik Dropdown -->
        <div>
            <button onclick="toggleDropdown('akademikDropdown')" class="flex items-center gap-4 w-full px-4 py-3 rounded-xl hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300">
                <i class="fas fa-graduation-cap fa-fw text-lg"></i>
                <span class="font-medium flex-1 text-left">Akademik</span>
                <i id="akademikDropdownIcon" class="fas fa-chevron-down text-sm"></i>
            </button>
            <div id="akademikDropdown" class="hidden mt-1 pl-8 space-y-1">
                <a href="{{ route('kelas.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('kelas.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Data Kelas</a>
                <a href="{{ route('semesters.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('semesters.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Data Semester</a>
                <a href="{{ route('mata_pelajarans.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('mata_pelajarans.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Mata Pelajaran</a>
                <a href="{{ route('jadwals.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('jadwals.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Jadwal</a>
                <a href="{{ route('absensis.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('absensis.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Absensi</a>
                <a href="{{ route('nilai_santris.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('nilai_santris.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Nilai Santri</a>
                <a href="{{ route('prestasis.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('prestasis.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Prestasi</a>
                <a href="{{ route('pelanggarans.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('pelanggarans.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Pelanggaran</a>
                <a href="{{ route('catatan_kesehatans.index') }}" class="block px-4 py-2 rounded-lg hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('catatan_kesehatans.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">Catatan Kesehatan</a>
            </div>
        </div>
        <a href="{{ route('beritas.index') }}" class="flex items-center gap-4 px-4 py-3 rounded-xl hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('beritas.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">
            <i class="fas fa-newspaper fa-fw text-lg"></i>
            <span class="font-medium">Berita</span>
        </a>
        <a href="{{ route('pembayarans.index') }}" class="flex items-center gap-4 px-4 py-3 rounded-xl hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('pembayarans.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">
            <i class="fas fa-money-bill-wave fa-fw text-lg"></i>
            <span class="font-medium">Pembayaran</span>
        </a>
        <a href="{{ route('alumnis.index') }}" class="flex items-center gap-4 px-4 py-3 rounded-xl hover:bg-yellow-400 hover:text-gray-900 transition-all duration-300 {{ request()->routeIs('alumnis.*') ? 'bg-yellow-400 text-gray-900 shadow-lg' : '' }}">
            <i class="fas fa-user-graduate fa-fw text-lg"></i>
            <span class="font-medium">Riwayat Alumni</span>
        </a>
    </nav>
</aside> 