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 { Edit, MapPin, Calendar, User, DollarSign, Trash2 } from 'lucide-react'; import { type Gravesite, type BreadcrumbItem } from '@/types'; interface Props { gravesite: Gravesite; } export default function GravesitesShow({ gravesite }: Readonly) { const { t } = useTranslation(); const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }); }; const formatCurrency = (amount: number) => { return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', }).format(amount); }; const breadcrumbs: BreadcrumbItem[] = useMemo(() => [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Gravesites', href: '/admin/gravesites' }, { title: `Plot ${gravesite.plot_number}`, href: `/admin/gravesites/${gravesite.id}` }, ], [gravesite.id]); const statusColors: Record = { available: 'bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400', reserved: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400', occupied: 'bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-400', }; const handleDelete = () => { if (confirm(`Are you sure you want to delete gravesite ${gravesite.plot_number}?`)) { router.delete(`/admin/gravesites/${gravesite.id}`, { onSuccess: () => router.visit('/admin/gravesites') }); } }; return (

Gravesite - Plot {gravesite.plot_number}

{gravesite.cemetery_name || 'Cemetery information'}

{/* Main Content */}
{/* Location Information */}

{t('Location Information')}

{gravesite.cemetery_name && (
{t('Cemetery')}
{gravesite.cemetery_name}
)}
{t('Plot Number')}
{gravesite.plot_number}
{gravesite.section && (
{t('Section')}
{gravesite.section}
)} {gravesite.row && (
{t('Row')}
{gravesite.row}
)} {gravesite.block && (
{t('Block')}
{gravesite.block}
)} {gravesite.gps_coordinates && (
{t('GPS Coordinates')}
{gravesite.gps_coordinates}
)}
{/* Site Details */}

{t('Site Details')}

{t('Type')}
{gravesite.gravesite_type}
{gravesite.size_length && (
{t('Length')}
{gravesite.size_length} feet
)} {gravesite.size_width && (
{t('Width')}
{gravesite.size_width} feet
)}
{t('Perpetual Care')}
{gravesite.perpetual_care ? ( {t('Yes')} ) : ( {t('No')} )}
{/* Ownership Information */} {(gravesite.member || gravesite.purchase_date || gravesite.reserved_date) && (

{t('Ownership Information')}

{gravesite.member && (
{t('Owner')}
{gravesite.member.first_name} {gravesite.member.last_name}
)} {gravesite.purchase_date && (
{t('Purchase Date')}
{formatDate(gravesite.purchase_date)}
)} {gravesite.purchase_price && (
{t('Purchase Price')}
{formatCurrency(gravesite.purchase_price)}
)} {gravesite.reserved_date && (
{t('Reserved Date')}
{formatDate(gravesite.reserved_date)}
)} {gravesite.reserved_by && (
{t('Reserved By')}
{gravesite.reserved_by}
)}
)} {/* Occupancy Information */} {gravesite.status === 'occupied' && (

{t('Occupancy Information')}

{gravesite.deceased_name && (
{t('Deceased Name')}
{gravesite.deceased_name}
)} {gravesite.deceased_hebrew_name && (
{t('Hebrew Name')}
{gravesite.deceased_hebrew_name}
)} {gravesite.date_of_birth && (
{t('Date of Birth')}
{formatDate(gravesite.date_of_birth)}
)} {gravesite.date_of_death && (
{t('Date of Death')}
{formatDate(gravesite.date_of_death)}
)} {gravesite.burial_date && (
{t('Burial Date')}
{formatDate(gravesite.burial_date)}
)}
{gravesite.monument_inscription && (
{t('Monument Inscription')}
{gravesite.monument_inscription}
)}
)} {/* Notes */} {gravesite.notes && (

{t('Notes')}

{gravesite.notes}

)}
{/* Sidebar */}

{t('Status')}

{gravesite.status.charAt(0).toUpperCase() + gravesite.status.slice(1)}
{t('Created')}
{formatDate(gravesite.created_at)}
{t('Last Updated')}
{formatDate(gravesite.updated_at)}

{t('Quick Actions')}

{gravesite.member && ( )}
); }