<template>
  <aside class="w-64 h-screen fixed bg-blue-600 text-white">
    <!-- Sidebar Header -->
    <div class="p-4 text-xl font-bold border-b border-gray-700">
      🎓 StudentMS
    </div>
    
    <!-- User Info Section (Optional) -->
    <div class="p-4 border-b border-gray-700 text-sm">
      <p class="font-semibold">Welcome, Atul!</p>
      <p class="text-gray-400">Admin</p>
    </div>

    <!-- Navigation Links -->
    <nav class="flex flex-col p-4 space-y-2">
      <NuxtLink to="/Dashboard" class="p-2 rounded hover:bg-gray-800">🏠 Dashboard</NuxtLink>
      <NuxtLink to="/students" class="p-2 rounded hover:bg-gray-800">🎓 Students</NuxtLink>
      <NuxtLink to="/students/profile?id=1" class="p-2 rounded hover:bg-gray-800">👤 Profile</NuxtLink>
      <NuxtLink to="/students/settings" class="p-2 rounded hover:bg-gray-800">⚙️ Settings</NuxtLink>
      <NuxtLink to="/notifications" class="p-2 rounded hover:bg-gray-800">🔔 Notifications</NuxtLink>
      <NuxtLink to="/about" class="p-2 rounded hover:bg-gray-800">ℹ️ About</NuxtLink>
    </nav>

    <!-- Footer Section -->
    <div class="p-4 border-t border-gray-700 text-sm mt-auto">
      &copy; 2025 Atul Gunjal
    </div>
  </aside>
</template>
