import Link from "next/link";
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 async function AdminSideBar() {
  return (
    <>
      <SidebarProvider>
        <Sidebar className="z-[51]">
          <SidebarTrigger className="absolute z-[52] left-65 top-100" />
          <SidebarContent>
            <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={"/"}> Some Blog Action </Link>
            </SimpleSidebarGroup>
          </SidebarContent>
        </Sidebar>
      </SidebarProvider>
    </>
  )
}