import { useTranslation } from '@/hooks/use-translation'; import React, { useMemo, useState } from 'react'; import { Head, Link, router } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Plus, Search, Edit, Trash2, Users, Calendar, FileText } from 'lucide-react'; import { BreadcrumbItem, Interment, Deed, Member } from '@/types'; interface PaginatedInterments { data: Interment[]; current_page: number; last_page: number; per_page: number; total: number; } interface IntermentStats { total_count: number; this_year: number; last_year: number; this_month: number; } interface Props { interments: PaginatedInterments; deeds: Deed[]; members: Member[]; stats: IntermentStats; filters: { search?: string; deed?: string; member?: string; }; } export default function IntermentsIndex({ interments, deeds, members, stats, filters }: Readonly) { const { t } = useTranslation(); const [search, setSearch] = useState(filters.search || ''); const [deedId, setDeedId] = useState(filters.deed || ''); const [memberId, setMemberId] = useState(filters.member || ''); const breadcrumbs: BreadcrumbItem[] = useMemo(() => [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Cemetery', href: '/admin/interments' }, { title: 'Interments', href: '/admin/interments' }, ], []); const handleFilter = () => { router.get('/admin/interments', { search: search || undefined, deed: deedId || undefined, member: memberId || undefined, }, { preserveState: true }); }; const handleClearFilters = () => { setSearch(''); setDeedId(''); setMemberId(''); router.get('/admin/interments'); }; const handleDelete = (interment: Interment) => { if (confirm(`Are you sure you want to delete the interment record for ${interment.first_name} ${interment.last_name}?`)) { router.delete(`/admin/interments/${interment.id}`); } }; const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric', }); }; const statCards = [ { title: 'Total Interments', count: stats.total_count, subtitle: 'All time', icon: Users, textColor: 'text-blue-600 dark:text-blue-400', bgColor: 'bg-blue-50 dark:bg-blue-900/20', }, { title: 'This Year', count: stats.this_year, subtitle: new Date().getFullYear().toString(), icon: Calendar, textColor: 'text-green-600 dark:text-green-400', bgColor: 'bg-green-50 dark:bg-green-900/20', }, { title: 'Last Year', count: stats.last_year, subtitle: (new Date().getFullYear() - 1).toString(), icon: Calendar, textColor: 'text-purple-600 dark:text-purple-400', bgColor: 'bg-purple-50 dark:bg-purple-900/20', }, { title: 'This Month', count: stats.this_month, subtitle: new Date().toLocaleDateString('en-US', { month: 'long' }), icon: Calendar, textColor: 'text-orange-600 dark:text-orange-400', bgColor: 'bg-orange-50 dark:bg-orange-900/20', }, ]; return (
{/* Header */}

{t('Interments')}

{t('Manage burial and interment records')}

{/* Stats Dashboard */}
{statCards.map((stat) => (

{stat.title}

{stat.count}

{stat.subtitle}

))}
{/* Filters */}
setSearch(e.target.value)} onKeyDown={(e) => e.key === 'Enter' && handleFilter()} className="ps-9" />
{/* Interments Table */}
{interments.data.map((interment) => ( ))}
{t('Name')} {t('Hebrew Name')} {t('Date of Death')} {t('Interment Date')} {t('Deed Location')} {t('Related Member')} {t('Actions')}
{interment.first_name} {interment.middle_name} {interment.last_name} {interment.hebrew_name || —} {formatDate(interment.date_of_death)} {formatDate(interment.interment_date)} {interment.deed ? ( {interment.deed.deed_number} - {interment.deed.plot_location} ) : ( {t('N/A')} )} {interment.member ? ( {interment.member.first_name} {interment.member.last_name} ) : ( — )}
{/* Empty State */} {interments.data.length === 0 && (

{t('No interments found')}

{t('Get started by creating your first interment record.')}

)} {/* Pagination */} {interments.last_page > 1 && (
Page {interments.current_page} of {interments.last_page}
)}
); }