import { useTranslation } from '@/hooks/use-translation'; import React, { useMemo } from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Textarea } from '@/components/ui/textarea'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { ArrowLeft } from 'lucide-react'; import { BreadcrumbItem, Interment, Deed, Member } from '@/types'; interface Props { interment: Interment; deeds: Deed[]; members: Member[]; } export default function IntermentsEdit({ interment, deeds, members }: Readonly) { const { t } = useTranslation(); const { data, setData, put, processing, errors } = useForm({ deed_id: interment.deed_id.toString(), member_id: interment.member_id?.toString() || '', first_name: interment.first_name, last_name: interment.last_name, middle_name: interment.middle_name || '', hebrew_name: interment.hebrew_name || '', date_of_birth: interment.date_of_birth || '', date_of_death: interment.date_of_death, interment_date: interment.interment_date, cause_of_death: interment.cause_of_death || '', funeral_home: interment.funeral_home || '', rabbi_officiating: interment.rabbi_officiating || '', notes: interment.notes || '', }); 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}` }, { title: 'Edit', href: `/admin/interments/${interment.id}/edit` }, ], [interment]); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); put(`/admin/interments/${interment.id}`); }; return (

{t('Edit Interment')}

{t('Update burial record')}

{t('Deceased Information')}

First Name * setData('first_name', e.target.value)} required /> {errors.first_name &&

{errors.first_name}

}

Last Name * setData('last_name', e.target.value)} required /> {errors.last_name &&

{errors.last_name}

}

{t('Middle Name')} setData('middle_name', e.target.value)} />

{t('Hebrew Name')} setData('hebrew_name', e.target.value)} />

{t('Date of Birth')} setData('date_of_birth', e.target.value)} /> {errors.date_of_birth &&

{errors.date_of_birth}

}

Date of Death * setData('date_of_death', e.target.value)} required /> {errors.date_of_death &&

{errors.date_of_death}

}

Interment Date * setData('interment_date', e.target.value)} required /> {errors.interment_date &&

{errors.interment_date}

}

{t('Cause of Death')} setData('cause_of_death', e.target.value)} />

{t('Plot & Service Information')}

Deed/Plot * {errors.deed_id &&

{errors.deed_id}

}

{t('Related Member')}

{t('Funeral Home')} setData('funeral_home', e.target.value)} />

{t('Rabbi Officiating')} setData('rabbi_officiating', e.target.value)} />

{t('Notes')}