package templates

templ AdminSidebar(user User, currentPath string) {
	<aside class="w-64 shrink-0 self-start sticky top-16 h-[calc(100vh-4rem)] overflow-y-auto border-r" style="background-color: var(--bg-secondary); border-color: var(--border);">
		<div class="p-5">
			<div class="flex items-center gap-2 mb-6 px-2">
				<span class="grid place-items-center h-8 w-8 rounded-lg shrink-0" style="background-color: var(--accent-muted); color: var(--accent);">
					@Icon("shield", "h-4 w-4")
				</span>
				<h2 class="text-xs font-bold uppercase tracking-wide" style="color: var(--text-primary)">Admin Panel</h2>
			</div>
			<nav class="space-y-0.5">
				<a href="/admin" class={ activeClass(currentPath, "/admin") }>
					@Icon("grid", "h-5 w-5 shrink-0")
					<span>Dashboard</span>
				</a>
				<a href="/admin/users" class={ activeClass(currentPath, "/admin/users") }>
					@Icon("users", "h-5 w-5 shrink-0")
					<span>Users</span>
				</a>
				<a href="/admin/library" class={ activeClass(currentPath, "/admin/library") }>
					@Icon("library", "h-5 w-5 shrink-0")
					<span>Library</span>
				</a>
				<a href="/admin/settings" class={ activeClass(currentPath, "/admin/settings") }>
					@Icon("settings", "h-5 w-5 shrink-0")
					<span>Settings</span>
				</a>
			</nav>
		</div>
	</aside>
}