"use client"

import { Button } from "@/components/ui/button"
import { AppSidebar } from "@/components/app-sidebar"
import { SiteHeader } from "@/components/site-header"
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar"
import Link from "next/link"
import { useEffect, useState } from "react"
import { useTranslation } from "react-i18next"
import { DataTableWithSearch } from "@/components/data-table-with-search"
import { ColumnDef, VisibilityState } from "@tanstack/react-table"
import { Badge } from "@/components/ui/badge"
import { IconCircleCheckFilled, IconLoader, IconCircleMinus, IconCircleX, IconEye, IconSearch, IconCopyPlus } from "@tabler/icons-react"
import { EFacturaSimpleCards } from "@/components/efactura-simple-cards"
import { Input } from "@/components/ui/input"
import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/components/ui/select"
import {
  DropdownMenu,
  DropdownMenuCheckboxItem,
  DropdownMenuContent,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { Combobox } from "@/components/combobox"

export default function Template() {
    return (
        <SidebarProvider
        style={{
            "--sidebar-width": "calc(var(--spacing) * 72)",
            "--header-height": "calc(var(--spacing) * 12)",
        } as React.CSSProperties}
        >
        <AppSidebar variant="inset" />
        <SidebarInset>
            <SiteHeader title="template.template" />
            <div className="flex flex-1 flex-col">
            <div className="@container/main flex flex-1 flex-col gap-2">
                <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
                <div className="flex justify-between items-center px-4 lg:px-6">
                <h2 className="text-2xl font-bold">Lista template-uri</h2>
                <div className="flex items-center gap-2">
                  <Link href={"/contracts/template/newtemplate"}>
                    <Button variant="default">Creaza un nou template</Button>
                  </Link>                    
                </div>
              </div>
                </div>
            </div>
            </div>
        </SidebarInset>
        </SidebarProvider>
    )
}