import { Head, Link, router } from '@inertiajs/react'; import { Gavel } from 'lucide-react'; import { EmptyState } from '@/components/empty-state'; import { Kpi } from '@/components/kpi'; import { PageHeader } from '@/components/page-header'; import { Pagination } from '@/components/pagination'; import type {Paginated} from '@/components/pagination'; import { StatusBadge } from '@/components/status-badge'; import type {StatusTone} from '@/components/status-badge'; import { Card, CardContent } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { index } from '@/routes/hearings'; import { show as matterShow } from '@/routes/matters'; type Row = { id: string; matter_id: string; matter_number: string; matter_title: string; client: string; hearing_date: string; hearing_time: string | null; type: string; purpose: string | null; court: string | null; status: string; status_label: string; status_tone: StatusTone; outcome: string | null; }; type Option = { value: number | string; label: string }; type Props = { hearings: Paginated; filters: { status: string; court: number | null; from: string | null; to: string | null }; courts: Option[]; statuses: Option[]; stats: { upcoming: number; today: number; this_week: number; missed: number }; }; const ALL = 'all'; export default function HearingsIndex({ hearings, filters, courts, statuses, stats }: Props) { const apply = (patch: Record) => { router.get( index().url, { status: filters.status || undefined, court: filters.court || undefined, from: filters.from || undefined, to: filters.to || undefined, ...patch, }, { preserveState: true, replace: true }, ); }; return ( <>

From apply({ from: e.target.value || undefined })} className="w-40" />

To apply({ to: e.target.value || undefined })} className="w-40" />

{hearings.data.length === 0 ? ( ) : ( <> Date Matter Type Court Status {hearings.data.map((h) => ( {h.hearing_date} {h.hearing_time && ( {h.hearing_time} )} {h.matter_number} {h.matter_title} {h.type} {h.court ?? '—'} {h.status_label} ))}

)}

); }