import { useTranslation } from '@/hooks/use-translation'; import { router, Head } from '@inertiajs/react'; import { Calendar, Star, Edit, Trash2 } from 'lucide-react'; import AppLayout from '@/layouts/app-layout'; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { Separator } from "@/components/ui/separator"; import { type BreadcrumbItem } from '@/types'; import { useMemo } from 'react'; interface Member { id: number; first_name: string; last_name: string; middle_name?: string; hebrew_name?: string; pivot: { relationship: string; }; } interface Yahrzeit { id: number; members: Member[]; name: string; hebrew_name?: string; date_of_death: string; hebrew_day_of_death: number; hebrew_month_of_death: string; observance_type: 'standard' | 'kaddish' | 'memorial_candle' | 'other'; notes?: string; next_observance_date?: string; previous_observance_date?: string; created_at: string; updated_at: string; } interface YahrzeitShowProps { yahrzeit: Yahrzeit; } const HEBREW_MONTHS = [ '', // 0 index placeholder 'Tishrei', 'Cheshvan', 'Kislev', 'Tevet', 'Shevat', 'Adar', 'Adar II', 'Nisan', 'Iyar', 'Sivan', 'Tammuz', 'Av', 'Elul' ]; const OBSERVANCE_COLORS = { standard: 'bg-blue-100 text-blue-800', kaddish: 'bg-purple-100 text-purple-800', memorial_candle: 'bg-yellow-100 text-yellow-800', other: 'bg-gray-100 text-gray-800' } as const; const OBSERVANCE_LABELS = { standard: 'Standard Yahrzeit', kaddish: 'Kaddish Observance', memorial_candle: 'Memorial Candle', other: 'Other Observance' } as const; export default function YahrzeitShow({ yahrzeit }: YahrzeitShowProps) { const { t } = useTranslation(); const handleDelete = () => { if (confirm(`Are you sure you want to delete the yahrzeit record for ${yahrzeit.name}? This action cannot be undone.`)) { router.delete(`/admin/yahrzeits/${yahrzeit.id}`, { onSuccess: () => { router.get('/admin/yahrzeits'); } }); } }; const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }); }; const formatHebrewDate = (day: number, month: string) => { const monthName = HEBREW_MONTHS.find(m => m === month) || 'Unknown'; return `${day} ${monthName}`; }; const formatDateTime = (dateString: string) => { return new Date(dateString).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' }); }; const breadcrumbs: BreadcrumbItem[] = useMemo(() => [ { title: 'Dashboard', href: '/dashboard', }, { title: 'Yahrzeits', href: '/admin/yahrzeits', }, { title: yahrzeit.name, href: `/admin/yahrzeits/${yahrzeit.id}`, }, ], [yahrzeit.name, yahrzeit.id]); return (
{/* Header */}

{t('Yahrzeit Record')}

{t('Memorial observance details')}

{/* Deceased Information */} {t('Deceased Information')}

{yahrzeit.name}

{yahrzeit.hebrew_name && (

{yahrzeit.hebrew_name}

)} {/* Related Members */} {t('Related Family Members')} {yahrzeit.members && yahrzeit.members.length > 0 ? (
{yahrzeit.members.map((member) => (

{member.first_name} {member.last_name}

{member.hebrew_name && (

{member.hebrew_name}

)}
{member.pivot.relationship}
))}
) : (

{t('No family members associated with this yahrzeit.')}

)}
{/* Date and Observance Information */} {t('Date and Observance Details')}

{yahrzeit.date_of_death ? formatDate(yahrzeit.date_of_death) : 'Unavailable'}

{formatHebrewDate(yahrzeit.hebrew_day_of_death, yahrzeit.hebrew_month_of_death)}

{yahrzeit.previous_observance_date && (

{formatDate(yahrzeit.previous_observance_date)}

)}
{OBSERVANCE_LABELS[yahrzeit.observance_type]}
{yahrzeit.next_observance_date && (

{formatDate(yahrzeit.next_observance_date)}

)}
{yahrzeit.notes && ( <>

{yahrzeit.notes}

)} {/* Record Information */} {t('Record Information')}

{formatDateTime(yahrzeit.created_at)}

{formatDateTime(yahrzeit.updated_at)}
); }