<aside class="w-64 bg-white border-r hidden md:flex flex-col">

    <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">

        <a href="{{ route('admin.dashboard') }}"
           class="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-blue-50 text-gray-700">
            📊 Dashboard
        </a>

        <a href="{{ route('admin.anggota.index') }}"
           class="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-blue-50">
            👤 Anggota
        </a>

        <a href="{{ route('admin.buku.index') }}"
           class="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-blue-50">
            📚 Buku
        </a>

        <a href="{{ route('admin.peminjaman.index') }}"
           class="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-blue-50">
            🔁 Peminjaman
        </a>

    </nav>

    <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>
