import Link from "next/link";
import { ScrollArea } from "~/components/ui/scroll-area";
import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger } from "~/components/ui/sidebar";
import SimpleSidebarGroup from "~/components/ui/simple-sidebar-group";

export default function AdminSideBar() {
  return (
    <>
        <Sidebar variant="floating" className="h-full lg:h-[96%] lg:mt-10 z-51">
          <SidebarTrigger className="absolute z-52 left-65 top-100" />
          <SidebarContent>
            <ScrollArea>
            <SimpleSidebarGroup lable="CV">
              <Link href={"/admin/cv/category/create"}> Create Category </Link>
              <Link href={"/admin/cv/entry/create"}> Create Entry </Link>
              <Link href={"/admin/cv/category/list"}> Category List </Link>
              <Link href={"/admin/cv/entry/list"}> Entry List </Link>
            </SimpleSidebarGroup>
            <SimpleSidebarGroup lable="Projects">
              <Link href={"/admin/project/create"}> Create Project </Link>
              <Link href={"/admin/project/techStack/create"}> Create Stack </Link>
              <Link href={"/admin/project/list"}>  Project List </Link>
            </SimpleSidebarGroup>
            <SimpleSidebarGroup lable="Music">
              <Link href={"/admin/music"}> Manage Music </Link>
            </SimpleSidebarGroup>
            <SimpleSidebarGroup lable="Blog">
              <Link href={"/admin/blog/create"}> Create Post </Link>
              <Link href={"/admin/blog/list"}> Post List </Link>
            </SimpleSidebarGroup>
            <SimpleSidebarGroup lable="Chat">
              <Link href={"/admin/chat"}> System Prompt </Link>
            </SimpleSidebarGroup>
            </ScrollArea>
          </SidebarContent>
        </Sidebar>
    </>
  )
}
