import { Head, Link, router, useForm } from '@inertiajs/react'; import { CalendarDays, ChevronLeft, ChevronRight, Printer } from 'lucide-react'; import { EmptyState } from '@/components/empty-state'; import { PageHeader } from '@/components/page-header'; import { StatusBadge } from '@/components/status-badge'; import type {StatusTone} from '@/components/status-badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import { assign as rosterAssign, index, print } from '@/routes/roster'; import { update as attendanceUpdate } from '@/routes/roster/attendance'; type Option = { value: number | string; label: string }; type Attendee = { id: number; name: string | null; role: string; status: string; status_label: string; status_tone: StatusTone; covered_by: string | null; }; type HearingCell = { id: string; matter_id: string; matter_number: string; matter_title: string; date: string; time: string | null; court: string; type: string; status: string; attendees: Attendee[]; }; type Props = { view: 'day' | 'week'; date: string; days: string[]; hearings: HearingCell[]; attendanceStatuses: Option[]; roles: Option[]; users: Option[]; canManage: boolean; canConfirm: boolean; }; function AssignForm({ hearingId, roles, users }: { hearingId: string; roles: Option[]; users: Option[] }) { const form = useForm({ user_id: '', role: 'lead' }); const submit = (e: React.FormEvent) => { e.preventDefault(); form.post(rosterAssign(hearingId).url, { preserveScroll: true, onSuccess: () => form.reset() }); }; return (
); } export default function RosterIndex({ view, date, hearings, attendanceStatuses, roles, users, canManage, canConfirm, }: Props) { const shift = (dir: number) => { const d = new Date(date); d.setDate(d.getDate() + dir * (view === 'week' ? 7 : 1)); router.get(index().url, { date: d.toISOString().slice(0, 10), view }, { preserveState: true }); }; const setView = (v: string) => router.get(index().url, { date, view: v }, { preserveState: true }); const byCourt = hearings.reduce>((acc, h) => { (acc[h.court] ??= []).push(h); return acc; }, {}); const setStatus = (attendanceId: number, status: string) => { router.patch(attendanceUpdate(attendanceId).url, { status }, { preserveScroll: true }); }; return ( <>
Cause list } />
{date}
{hearings.length === 0 ? ( ) : ( Object.entries(byCourt).map(([court, list]) => ( {court} {list.map((h) => (
{h.matter_number} {h.date} {h.time ? ` ${h.time}` : ''}

{h.matter_title}

{h.type}

{h.attendees.length === 0 && (

No one assigned

)} {h.attendees.map((a) => (
{a.name} ({a.role}) {canConfirm ? ( ) : ( {a.status_label} )}
))}
{canManage && }
))} )) )}
); }