import SearchInput from '@/Components/SearchInput'; import SelectInput from '@/Components/SelectInput'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import RestockAction from '@/Pages/DrugPrescription/RestockAction'; import { Head, Link } from '@inertiajs/react'; import { useMemo, useState } from 'react'; interface RestockRow { id: number; patient_id: number; patient_name: string; drug_name: string; available_doses: number; package_quantity: number; last_restocked_at: string | null; } interface RestockDashboardProps { prescriptions: RestockRow[]; } function formatDate(value: string | null): string { if (!value) { return 'Mai'; } return new Date(value).toLocaleDateString('it', { day: '2-digit', month: '2-digit', year: 'numeric', }); } export default function RestockDashboard({ prescriptions, }: RestockDashboardProps) { const [search, setSearch] = useState(''); const [patientFilter, setPatientFilter] = useState('all'); const patientOptions = useMemo(() => { const byId = new Map(); prescriptions.forEach((row) => byId.set(row.patient_id, row.patient_name), ); return [ { value: 'all', label: 'Tutti i pazienti' }, ...Array.from(byId, ([id, name]) => ({ value: String(id), label: name, })).sort((a, b) => a.label.localeCompare(b.label)), ]; }, [prescriptions]); const filtered = useMemo(() => { const query = search.trim().toLowerCase(); return prescriptions.filter((row) => { const matchesSearch = !query || row.patient_name.toLowerCase().includes(query) || row.drug_name.toLowerCase().includes(query); const matchesPatient = patientFilter === 'all' || String(row.patient_id) === patientFilter; return matchesSearch && matchesPatient; }); }, [prescriptions, search, patientFilter]); return (
Farmaci da riordinare

Tutti i farmaci sotto soglia dei pazienti che gestisci.

setSearch(e.target.value) } placeholder="Cerca paziente o farmaco" className="min-w-[220px] grow" />
Paziente Farmaco Dosi disponibili Ultimo riassortimento Azione {filtered.length ? ( filtered.map((row) => ( { row.patient_name } {row.drug_name} { row.available_doses } {formatDate( row.last_restocked_at, )} )) ) : ( {prescriptions.length ? 'Nessun risultato per i filtri applicati.' : 'Nessun farmaco da riordinare.'} )}
); }