import { Head, router } from '@inertiajs/react' import { useState } from 'react' import { toast } from 'sonner' import { LimsAppLayout } from '@/layouts/lims-app-layout' import { Badge } from '@ui/components/ui/badge' import { Button } from '@ui/components/ui/button' import { Pencil, Plus } from 'lucide-react' import { ResizableDrawer } from '@/components/common/ResizableDrawer' import { DeleteConfirmationDialog } from '@/components/common/DeleteConfirmationDialog' import { TestConfigurationTabs } from '@/components/master-data/TestConfigurationTabs' import { type TestTemplate } from '@/types/glims' import { TestTemplateParamForm } from './components/TestTemplateParamForm' interface OptionSimple { id: number code: string name: string } interface Props { testTemplate: TestTemplate parameterOptions: OptionSimple[] methodOptions: OptionSimple[] } export default function TestTemplateParameters({ testTemplate, parameterOptions, methodOptions, }: Props) { const params = (testTemplate.params ?? []).slice().sort((a, b) => (a.sort_order ?? 0) - (b.sort_order ?? 0)) const [isDrawerOpen, setIsDrawerOpen] = useState(false) const [selectedParam, setSelectedParam] = useState[number] | undefined>() const [isDeleteOpen, setIsDeleteOpen] = useState(false) const [paramToDelete, setParamToDelete] = useState[number] | undefined>() const [isDeleting, setIsDeleting] = useState(false) const base = `/master-data/test-templates/${testTemplate.id}/parameters` function handleCreate() { setSelectedParam(undefined) setIsDrawerOpen(true) } function handleEdit(param: NonNullable[number]) { setSelectedParam(param) setIsDrawerOpen(true) } function handleDeleteClick(param: NonNullable[number]) { setParamToDelete(param) setIsDeleteOpen(true) } function handleDeleteConfirm() { if (!paramToDelete) return const name = paramToDelete.parameter?.name ?? `#${paramToDelete.id}` router.delete(`${base}/${paramToDelete.id}`, { onStart: () => setIsDeleting(true), onSuccess: () => { toast.success(`Parameter "${name}" berhasil dihapus.`) setIsDeleteOpen(false) setParamToDelete(undefined) }, onError: () => toast.error('Terjadi kesalahan. Silakan coba lagi.'), onFinish: () => setIsDeleting(false), }) } return (

Konfigurasi Uji

Kelola parameter untuk {testTemplate.code} - {testTemplate.sample_type?.name ?? '-'} - {testTemplate.regulation?.short_name ?? testTemplate.regulation?.name ?? 'Tanpa regulasi'}

Daftar Parameter

Total: {params.length}

{params.length === 0 ? (

Belum ada parameter pada template ini.

) : (

{params.map((item, index) => (

#{index + 1}

{item.parameter?.name ?? '-'}

{item.method?.name ?? '-'}

{item.method?.code ?? '-'}

{item.unit ?? '-'}

{item.is_required ? 'Wajib' : 'Opsional'}

Urutan: {item.sort_order ?? 0}

))}

)}

setIsDrawerOpen(false)} onCancel={() => setIsDrawerOpen(false)} /> ) }