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, MapPin, User, Plus } from 'lucide-react'; import { BreadcrumbItem, Deed } from '@/types'; interface Props { deed: Deed; } export default function DeedsShow({ deed }: Readonly) { const { t } = useTranslation(); const breadcrumbs: BreadcrumbItem[] = useMemo(() => [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Cemetery', href: '/admin/deeds' }, { title: 'Deeds', href: '/admin/deeds' }, { title: deed.deed_number, href: `/admin/deeds/${deed.id}` }, ], [deed]); const handleDelete = () => { if (confirm(`Are you sure you want to delete deed ${deed.deed_number}?`)) { router.delete(`/admin/deeds/${deed.id}`, { onSuccess: () => router.visit('/admin/deeds'), }); } }; const formatCurrency = (amount: string | undefined) => { if (!amount) return 'N/A'; return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', }).format(parseFloat(amount)); }; const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric', }); }; // Helper function to get capacity from gravesite type const getGravesiteCapacity = (type: string): number => { switch (type) { case 'single': case 'cremation': return 1; case 'double': return 2; case 'family': return 4; default: return 1; } }; // Calculate capacity from gravesites const totalCapacity = Array.isArray(deed.gravesites) ? deed.gravesites.reduce((sum, g) => sum + getGravesiteCapacity(g.gravesite_type), 0) : 0; const availableSpace = totalCapacity - (Number(deed.occupied) || 0); return (

Deed {deed.deed_number}

{t('View and manage deed details')}

{/* Main Info */}

{t('Deed Information')}

{t('Deed Number')}

{deed.deed_number}

{t('Status')}

{deed.is_active ? 'Active' : 'Inactive'}

{t('Capacity')}

{deed.occupied || 0} / {totalCapacity} occupied {availableSpace > 0 && ( ({availableSpace} available) )}

{t('Purchase Date')}

{formatDate(deed.purchase_date)}

{t('Purchase Price')}

{formatCurrency(deed.purchase_price)}

{t('Status')}

{deed.is_active ? 'Active' : 'Inactive'}

{deed.notes && (

{t('Notes')}

{deed.notes}

)}

{/* Interments */}

{t('Interments')}

{deed.interments && deed.interments.length > 0 ? (

{deed.interments.map((interment) => (

{interment.first_name} {interment.last_name} {interment.hebrew_name && (

{interment.hebrew_name}

)}

{formatDate(interment.date_of_death)} - {formatDate(interment.interment_date)}

))}

) : (

{t('No interments recorded yet')}

)}

{/* Gravesites */}

{t('Associated Gravesites')}

{deed.gravesites && deed.gravesites.length > 0 ? (

{deed.gravesites.map((gravesite) => (

Plot {gravesite.plot_number}

{gravesite.cemetery_name &&

{gravesite.cemetery_name}

}

{gravesite.section && `Section ${gravesite.section}`} {gravesite.row && `, Row ${gravesite.row}`}

{gravesite.status} {gravesite.gravesite_type}

))}

) : (

{t('No gravesites associated with this deed')}

)}

{/* Sidebar */}

{t('Owner')}

{deed.member ? (

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

{deed.member.email}

)}

) : (

{t('No owner assigned')}

)}

{t('Metadata')}

{t('Created')}

{formatDate(deed.created_at)}

{t('Last Updated')}

{formatDate(deed.updated_at)}

); }