import { Head, router, useForm } from '@inertiajs/react'; import { CalendarClock, CheckCircle2, FileCheck2, FileWarning, Plus, Save, Send, } from 'lucide-react'; import { useEffect, useState } from 'react'; import { Field } from '@/components/crm/form-field'; import { KpiTile } from '@/components/crm/kpi-tile'; import { NativeSelect } from '@/components/crm/native-select'; import { PageHeader } from '@/components/crm/page-header'; import { StatusLabel } from '@/components/crm/status-badge'; import { DataPagination, FilterBar, FilterField, SearchInput, SegmentedControl, TableCard, } from '@/components/crm/toolbar'; import { Button } from '@/components/ui/button'; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '@/components/ui/dialog'; import { Input } from '@/components/ui/input'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { formatDate } from '@/lib/format'; import { index as lodgementsIndex, store, update, } from '@/routes/finance/lodgements'; import type { Paginated } from '@/types'; type Option = { value: string; label: string }; type StatusOption = Option & { color: string }; type LodgementRow = { id: number; reference: string; job: { id: number; job_number: string } | null; customer: { id: number; name: string; customer_number: string } | null; authority: string | null; state: string | null; state_label: string | null; application_reference: string | null; status: StatusOption; submitted_on: string | null; follow_up_on: string | null; decided_on: string | null; follow_up_overdue: boolean; required_documents: string | null; missing_documents: string | null; outcome_notes: string | null; notes: string | null; }; type Filters = { search: string | null; status: string | null; scope: string; }; export default function Lodgements({ lodgements, filters, options, stats, can, }: { lodgements: Paginated; filters: Filters; options: { lodgementStatuses: StatusOption[]; states: Option[]; jobs: Array<{ value: number; label: string }>; customers: Array<{ value: number; label: string }>; }; stats: { needing_action: number; overdue_follow_ups: number; awaiting_documents: number; submitted_this_month: number; approved_this_month: number; }; can: { manage: boolean }; }) { const [search, setSearch] = useState(filters.search ?? ''); const [showCreate, setShowCreate] = useState(false); const [editing, setEditing] = useState(null); useEffect(() => { setSearch(filters.search ?? ''); }, [filters.search]); const apply = (changes: Partial) => { router.get( lodgementsIndex().url, { ...filters, ...changes, search: search || null }, { preserveState: true, preserveScroll: true, replace: true }, ); }; return ( <>

Finance } title="Export lodgements" description="The paperwork each distributor needs before an install is approved and the rebate is paid. Missing documents are the usual reason a lodgement stalls, so they are recorded on the record itself." actions={ can.manage ? ( ) : undefined } />

0 ? 'warning' : 'slate'} href={ lodgementsIndex({ query: { scope: 'action' } }).url } /> 0 ? 'danger' : 'slate'} />

{ event.preventDefault(); apply({}); }} > apply({ scope })} options={[ { value: 'action', label: 'To action' }, { value: 'submitted', label: 'Submitted' }, { value: 'settled', label: 'Settled' }, { value: 'all', label: 'All' }, ]} /> } > apply({ status: event.target.value || null, }) } className="h-9 w-44" > {options.lodgementStatuses.map((status) => ( ))}

Lodgement Install Authority Status Follow-up {can.manage ? : null} {lodgements.data.length === 0 ? ( No lodgements match these filters. ) : null} {lodgements.data.map((lodgement) => ( {lodgement.reference} {lodgement.application_reference ?? 'No application number'} {lodgement.job?.job_number ?? '—'} {lodgement.customer?.name ?? ''} {lodgement.authority ?? '—'} {lodgement.state_label ?? ''} {lodgement.status.label} {lodgement.missing_documents ? ( Missing:{' '} { lodgement.missing_documents } ) : null} {lodgement.follow_up_on ? formatDate( lodgement.follow_up_on, ) : 'Not set'} Sent{' '} {formatDate( lodgement.submitted_on, )} {can.manage ? ( ) : null} ))}

{can.manage ? ( <> setShowCreate(false)} /> {editing ? ( setEditing(null)} /> ) : null} ) : null} ); } function LodgementDialog({ open, lodgement, options, onClose, }: { open: boolean; lodgement?: LodgementRow; options: { lodgementStatuses: StatusOption[]; states: Option[]; jobs: Array<{ value: number; label: string }>; customers: Array<{ value: number; label: string }>; }; onClose: () => void; }) { const form = useForm({ job_id: lodgement?.job?.id ? String(lodgement.job.id) : '', customer_id: lodgement?.customer?.id ? String(lodgement.customer.id) : '', authority: lodgement?.authority ?? '', state: lodgement?.state ?? '', application_reference: lodgement?.application_reference ?? '', status: lodgement?.status.value ?? 'not_started', submitted_on: lodgement?.submitted_on ?? '', follow_up_on: lodgement?.follow_up_on ?? '', decided_on: lodgement?.decided_on ?? '', required_documents: lodgement?.required_documents ?? '', missing_documents: lodgement?.missing_documents ?? '', outcome_notes: lodgement?.outcome_notes ?? '', notes: lodgement?.notes ?? '', }); const submit = () => { if (lodgement) { form.patch(update(lodgement.id).url, { preserveScroll: true, onSuccess: onClose, }); return; } form.post(store().url, { preserveScroll: true, onSuccess: () => { form.reset(); onClose(); }, }); }; return (