'use client'

import {
  BookCopyIcon,
  CalendarClockIcon,
  DollarSign,
  FileBadgeIcon,
  GraduationCap,
  LayoutDashboard,
  ShieldUserIcon,
  UploadIcon,
  UsersIcon
} from 'lucide-react'

import { NavMain } from '@/components/nav-main'
import { WorkspaceSwitcher } from '@/components/workspace-switcher'
import {
  Sidebar,
  SidebarContent,
  SidebarFooter,
  SidebarHeader
} from '@repo/ui/components/ui/sidebar'

const data = {
  navMain: [
    {
      title: 'Visão geral',
      url: '/main',
      icon: LayoutDashboard
    },
    {
      title: 'Histórico de compras',
      url: '/orders',
      icon: DollarSign
    }
  ],
  navUser: [
    {
      title: 'Colaboradores',
      url: '/users',
      icon: UsersIcon
    },
    {
      title: 'Gestores',
      url: '/admins',
      icon: ShieldUserIcon
    },
    {
      title: 'Importações',
      url: '/batch',
      icon: UploadIcon
    }
  ],
  navEnrollment: [
    {
      title: 'Matrículas',
      url: '/enrollments',
      icon: GraduationCap
    },
    {
      title: 'Certificações',
      url: '/certs',
      icon: FileBadgeIcon
    },
    {
      title: 'Agendamentos',
      url: '/scheduled',
      icon: CalendarClockIcon
    },
    {
      title: 'Catálogo de cursos',
      url: '/courses',
      icon: BookCopyIcon
    }
  ]
}

export function AppSidebar({ orgs = [] }) {
  return (
    <Sidebar collapsible="icon">
      <SidebarHeader>
        <WorkspaceSwitcher />
      </SidebarHeader>
      <SidebarContent>
        <NavMain data={data} />
      </SidebarContent>
      <SidebarFooter />
    </Sidebar>
  )
}