<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-green-700">📚 Sarakata</h1>
        <p class="text-xs text-gray-500">Dashboard Anggota</p>
    </div>

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

        <!-- Riwayat Peminjaman Link (Placeholder) -->
        <a href="#"
           class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors text-gray-400 cursor-not-allowed" title="Coming Soon">
            🕒 Riwayat 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>
