import { useTranslation } from '@/hooks/use-translation'; import React 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 { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { ArrowLeft, Save } from 'lucide-react'; import { type BreadcrumbItem } from '@/types' import ParentSelector from '@/components/parent-selector'; interface MemberForm { member_type: 'member' | 'contact' | 'prospect' | 'former'; first_name: string; last_name: string; middle_name: string; title: string; email: string; phone1: string; phone2: string; address_line_1: string; address_line_2: string; city: string; state: string; zip: string; country: string; dob: string; gender: string; parent_id: string; aliyah: boolean; bnaimitzvahdate: Date | null; chazanut: boolean; tribe: string; dvartorah: boolean; deceased: boolean; father_hebrew_name: string; mother_hebrew_name: string; hebrew_name: string; brianbatorah: boolean; maftir: boolean; anniversary_date: Date | null; } export default function MembersCreate() { const { t } = useTranslation(); const { data, setData, post, processing, errors } = useForm({ member_type: 'member', first_name: '', last_name: '', middle_name: '', title: '', email: '', phone1: '', phone2: '', address_line_1: '', address_line_2: '', city: '', state: '', zip: '', country: '', dob: '', gender: '', parent_id: '', aliyah: false, bnaimitzvahdate: null, chazanut: false, tribe: '', dvartorah: false, deceased: false, father_hebrew_name: '', mother_hebrew_name: '', hebrew_name: '', brianbatorah: false, maftir: false, anniversary_date: null, }); const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Members', href: '/admin/members' }, { title: 'Create Member', href: '/admin/members/create' }, ]; const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post('/admin/members'); }; return (

{t('Add New Member')}

{t('Create a new member profile')}

{t('Personal Information')}

{errors.member_type && (

{errors.member_type}

)}
setData('title', e.target.value)} /> {errors.title && (

{errors.title}

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

{errors.first_name}

)}
setData('middle_name', e.target.value)} /> {errors.middle_name && (

{errors.middle_name}

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

{errors.last_name}

)}
{errors.gender && (

{errors.gender}

)}
setData('dob', e.target.value)} /> {errors.dob && (

{errors.dob}

)}
setData('parent_id', value)} error={errors.parent_id} />

Link this member to a parent account if applicable (e.g., for children)

{t('Contact Information')}

setData('email', e.target.value)} placeholder={t('Optional - needed for user account')} /> {errors.email && (

{errors.email}

)}
setData('phone1', e.target.value)} /> {errors.phone1 && (

{errors.phone1}

)}
setData('phone2', e.target.value)} /> {errors.phone2 && (

{errors.phone2}

)}

{t('Address Information')}

setData('address_line_1', e.target.value)} /> {errors.address_line_1 && (

{errors.address_line_1}

)}
setData('address_line_2', e.target.value)} /> {errors.address_line_2 && (

{errors.address_line_2}

)}
setData('city', e.target.value)} /> {errors.city && (

{errors.city}

)}
setData('state', e.target.value)} /> {errors.state && (

{errors.state}

)}
setData('zip', e.target.value)} /> {errors.zip && (

{errors.zip}

)}
setData('country', e.target.value)} /> {errors.country && (

{errors.country}

)}

{t('Hebrew/Jewish Information')}

setData('hebrew_name', e.target.value)} /> {errors.hebrew_name && (

{errors.hebrew_name}

)}
setData('father_hebrew_name', e.target.value)} /> {errors.father_hebrew_name && (

{errors.father_hebrew_name}

)}
setData('mother_hebrew_name', e.target.value)} /> {errors.mother_hebrew_name && (

{errors.mother_hebrew_name}

)}
{errors.tribe && (

{errors.tribe}

)}
setData('bnaimitzvahdate', e.target.value ? new Date(e.target.value) : null)} /> {errors.bnaimitzvahdate && (

{errors.bnaimitzvahdate}

)}
setData('anniversary_date', e.target.value ? new Date(e.target.value) : null)} /> {errors.anniversary_date && (

{errors.anniversary_date}

)}

{t('Religious Roles & Capabilities')}

setData('aliyah', e.target.checked)} className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" />
setData('chazanut', e.target.checked)} className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" />
setData('dvartorah', e.target.checked)} className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" />
setData('brianbatorah', e.target.checked)} className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" />
setData('maftir', e.target.checked)} className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" />
setData('deceased', e.target.checked)} className="h-4 w-4 text-red-600 focus:ring-red-500 border-gray-300 rounded" />
); }