<aside class="w-64 bg-white border-r hidden md:flex flex-col shrink-0 min-h-screen">
    <div class="px-6 py-5 border-b">
        <h1 class="text-xl font-bold text-blue-700">📚 Sarakata</h1>
        <p class="text-xs text-gray-500">Dashboard Admin</p>
    </div>

    <nav class="flex-1 px-4 py-6 space-y-2 text-sm">
        <!-- Dashboard Link -->
        <a href="{{ route('admin.dashboard') }}"
           class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors {{ request()->routeIs('admin.dashboard') ? 'bg-blue-50 text-blue-700 font-medium' : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900' }}">
            📊 Dashboard
        </a>

        <!-- Anggota Link -->
        <!-- Anggota Link -->
        <a href="{{ route('admin.anggota.member.index') }}"
           class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors {{ request()->routeIs('admin.anggota.member.*') ? 'bg-blue-50 text-blue-700 font-medium' : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900' }}">
            👤 Anggota
        </a>

        <!-- Buku Link -->
        <a href="{{ route('admin.buku.index') }}"
           class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors {{ request()->routeIs('admin.buku.*') ? 'bg-blue-50 text-blue-700 font-medium' : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900' }}">
            📚 Buku
        </a>

        <!-- Peminjaman Link -->
        <a href="{{ route('admin.peminjaman.index') }}"
           class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors {{ request()->routeIs('admin.peminjaman.*') ? 'bg-blue-50 text-blue-700 font-medium' : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900' }}">
            🔁 Peminjaman
        </a>
    </nav>

    <!-- Logout Form -->
    <div class="px-4 py-4 border-t">
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button class="w-full text-left px-4 py-2 text-sm rounded-lg hover:bg-red-50 text-red-600">
                🚪 Logout
            </button>
        </form>
    </div>
</aside>
