import { useTranslation } from '@/hooks/use-translation'; import React, { useMemo } from 'react'; import { Head, Link, router } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Badge } from '@/components/ui/badge'; import { ArrowLeft, Edit, Trash2, User, MapPin, Calendar } from 'lucide-react'; import { BreadcrumbItem, Interment } from '@/types'; interface Props { interment: Interment; } export default function IntermentsShow({ interment }: Readonly) { const { t } = useTranslation(); const breadcrumbs: BreadcrumbItem[] = useMemo(() => [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Cemetery', href: '/admin/interments' }, { title: 'Interments', href: '/admin/interments' }, { title: `${interment.first_name} ${interment.last_name}`, href: `/admin/interments/${interment.id}` }, ], [interment]); const handleDelete = () => { 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}`, { onSuccess: () => router.visit('/admin/interments'), }); } }; const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric', }); }; return (

{interment.first_name} {interment.middle_name} {interment.last_name}

{interment.hebrew_name && (

{interment.hebrew_name}

)}
{/* Main Info */}

{t('Personal Information')}

{t('Full Name')}

{interment.first_name} {interment.middle_name} {interment.last_name}

{interment.hebrew_name && (

{t('Hebrew Name')}

{interment.hebrew_name}

)} {interment.date_of_birth && (

{t('Date of Birth')}

{formatDate(interment.date_of_birth)}

)}

{t('Date of Death')}

{formatDate(interment.date_of_death)}

{t('Interment Date')}

{formatDate(interment.interment_date)}

{interment.cause_of_death && (

{t('Cause of Death')}

{interment.cause_of_death}

)}

{t('Service Information')}

{interment.funeral_home && (

{t('Funeral Home')}

{interment.funeral_home}

)} {interment.rabbi_officiating && (

{t('Rabbi Officiating')}

{interment.rabbi_officiating}

)} {interment.notes && (

{t('Notes')}

{interment.notes}

)}
{/* Sidebar */}
{interment.deed && (

{t('Plot Location')}

{interment.deed.deed_number}

{interment.deed.plot_location} {interment.deed.section && ` - ${interment.deed.section}`} {interment.deed.row && `-${interment.deed.row}`} {` #${interment.deed.plot_number}`}

{interment.deed.member && (

{t('Owned by')}{' '} {interment.deed.member.first_name} {interment.deed.member.last_name}

)}
)} {interment.member && (

{t('Related Member')}

{interment.member.first_name} {interment.member.last_name} {interment.member.email && (

{interment.member.email}

)}
)}

{t('Metadata')}

{t('Created')}

{formatDate(interment.created_at)}

{t('Last Updated')}

{formatDate(interment.updated_at)}

 ); }