import { Head, Link, useForm } from '@inertiajs/react'; import InputError from '@/components/input-error'; import { PageHeader } from '@/components/page-header'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import { Spinner } from '@/components/ui/spinner'; import { Textarea } from '@/components/ui/textarea'; import { index, show, store, update } from '@/routes/contacts'; type Option = { value: number | string; label: string }; type Contact = { id: string; kind: string; name: string; email: string | null; phone: string | null; address: string | null; city: string | null; state: string | null; contact_category_id: number | null; nin_encrypted: string | null; rc_number: string | null; notes: string | null; }; const NONE = 'none'; export default function ContactForm({ contact, categories, kinds, }: { contact: Contact | null; categories: Option[]; kinds: Option[]; }) { const editing = contact !== null; const form = useForm({ kind: contact?.kind ?? 'individual', name: contact?.name ?? '', email: contact?.email ?? '', phone: contact?.phone ?? '', address: contact?.address ?? '', city: contact?.city ?? '', state: contact?.state ?? '', contact_category_id: contact?.contact_category_id ?? null, nin_encrypted: contact?.nin_encrypted ?? '', rc_number: contact?.rc_number ?? '', notes: contact?.notes ?? '', }); const isOrg = form.data.kind === 'organization'; const submit = (e: React.FormEvent) => { e.preventDefault(); if (editing) { form.put(update(contact.id).url, { preserveScroll: true }); } else { form.post(store().url, { preserveScroll: true }); } }; return ( <>
} /> Details
form.setData('name', e.target.value) } required />
form.setData('email', e.target.value) } />
form.setData('phone', e.target.value) } />
form.setData('address', e.target.value) } />
form.setData('city', e.target.value) } />
form.setData('state', e.target.value) } />
{isOrg ? (
form.setData( 'rc_number', e.target.value, ) } />
) : (
form.setData( 'nin_encrypted', e.target.value, ) } />
)}