import { Head, router } from '@inertiajs/react' import { useState } from 'react' import { Plus, Pencil, ToggleLeft, ToggleRight } from 'lucide-react' import { toast } from 'sonner' import { LimsAppLayout } from '@/layouts/lims-app-layout' import { ServerDataTable, type ServerColumnDef, type ServerDataTableParams, type ServerPaginatedData } from '@ui/components/data-table/server-data-table' import { Button } from '@ui/components/ui/button' import { Badge } from '@ui/components/ui/badge' import { ResizableDrawer } from '@/components/common/ResizableDrawer' import { DeleteConfirmationDialog } from '@/components/common/DeleteConfirmationDialog' import { ToggleStatusDialog } from '@/components/common/ToggleStatusDialog' import { MasterTeamForm } from './components/MasterTeamForm' interface TeamItem { id: number code: string name: string description?: string | null is_active: boolean } interface Props { records: ServerPaginatedData filters: Record } export default function MasterTeamIndex({ records, filters }: Props) { const [isDrawerOpen, setIsDrawerOpen] = useState(false) const [selectedItem, setSelectedItem] = useState() const [isDeleteOpen, setIsDeleteOpen] = useState(false) const [itemToDelete, setItemToDelete] = useState() const [isToggleOpen, setIsToggleOpen] = useState(false) const [itemToToggle, setItemToToggle] = useState() const [isDeleting, setIsDeleting] = useState(false) const [isToggling, setIsToggling] = useState(false) const params: ServerDataTableParams = { page: records.current_page, per_page: records.per_page, search: filters.search } const columns: ServerColumnDef[] = [ { key: 'code', label: 'Kode' }, { key: 'name', label: 'Nama Tim' }, { key: 'description', label: 'Deskripsi', render: (row) => row.description || '-' }, { key: 'is_active', label: 'Status', render: (row) => row.is_active ? Aktif : Nonaktif }, { key: 'actions', label: '', className: 'w-28 text-right', render: (row) => (

), }, ] return (

Master Tim

Kelola data master tim untuk kebutuhan operasional GLIMS

{([ [null, 'Semua'], ['1', 'Aktif'], ['0', 'Nonaktif'], ] as const).map(([v, label]) => ( ))}

router.get('/master-data/master-teams', { ...filters, ...next } as Record, { preserveState: true, replace: true })} searchPlaceholder='Cari kode atau nama tim...' emptyText='Belum ada data master tim.' />

setIsDrawerOpen(false)} onCancel={() => setIsDrawerOpen(false)} /> { if (!itemToDelete) return router.delete(`/master-data/master-teams/${itemToDelete.id}`, { onStart: () => setIsDeleting(true), onSuccess: () => { toast.success('Master tim dihapus.'); setIsDeleteOpen(false); setItemToDelete(undefined) }, onFinish: () => setIsDeleting(false), }) }} itemName={itemToDelete?.name} isDeleting={isDeleting} /> { if (!itemToToggle) return router.patch(`/master-data/master-teams/${itemToToggle.id}/toggle-status`, {}, { onStart: () => setIsToggling(true), onSuccess: () => { toast.success('Status master tim diubah.'); setIsToggleOpen(false); setItemToToggle(undefined) }, onFinish: () => setIsToggling(false), }) }} itemName={itemToToggle?.name} isActive={itemToToggle?.is_active ?? true} isLoading={isToggling} /> ) }