import { Head, Link, router } from '@inertiajs/react'; import { BadgeCheck, ClipboardCheck, IdCard, MapPin, Pencil, ShieldCheck, Trash2, TriangleAlert, UserRound, } from 'lucide-react'; import { Callout, KeyValueGrid, PageHeader, SectionCard, } from '@/components/crm/page-header'; import { StatusPill } from '@/components/crm/status-badge'; import { Button } from '@/components/ui/button'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { formatCurrency, formatDate } from '@/lib/format'; import { destroy as installersDestroy, edit as installersEdit, index as installersIndex, } from '@/routes/installers'; import type { CredentialStatus, InstallerDetail } from '@/types'; const statusTone: Record = { current: 'emerald', expiring: 'amber', expired: 'red', missing: 'slate', none: 'slate', }; const statusLabel: Record = { current: 'Current', expiring: 'Expiring soon', expired: 'Expired', missing: 'Not recorded', none: 'No expiry on file', }; export default function InstallersShow({ installer, can, }: { installer: InstallerDetail; can: { update: boolean; delete: boolean }; }) { const remove = () => { if ( !window.confirm( `Remove ${installer.display_name} from the register? The record is kept, so old jobs can still name them.`, ) ) { return; } router.delete(installersDestroy(installer.id).url); }; const issues = installer.compliance.issues; return ( <> {installer.installer_number} {installer.state ? ( {installer.state.value} {installer.service_area ? ` ยท ${installer.service_area}` : ''} ) : null} {installer.compliance.label} {!installer.is_active ? ( Not used ) : null} } title={installer.display_name} description={installer.address.one_line || null} actions={ <> {can.update ? ( ) : null} {can.delete ? ( ) : null} } /> {issues.length > 0 ? (
    {issues.map((issue) => (
  • {issue.label} {' '} โ€”{' '} {issue.expired ? `expired ${formatDate(issue.date)}` : `expires ${formatDate(issue.date)}`}{' '} ({Math.abs(issue.days)} day {Math.abs(issue.days) === 1 ? '' : 's'}{' '} {issue.expired ? 'ago' : 'left'})
    • ))}
) : ( Nothing on file is expired or expiring in the next 30 days. )}
Credential Number Expiry Status {installer.credentials.map((credential) => (
{credential.label}
{credential.source}
{credential.number ?? 'โ€”'} {credential.expiry ? formatDate(credential.expiry) : 'โ€”'} {statusLabel[credential.status]} ))}
0 ? installer.accreditation_classes.join( ', ', ) : null, }, ]} />
{installer.notes ? (

{installer.notes}

) : null} ); } InstallersShow.layout = { breadcrumbs: [{ title: 'Installers', href: installersIndex() }], };