import { Head, Link, useForm } from '@inertiajs/react'; import { AdminLayout } from '@/layouts/admin-layout'; type CustomerForm = { name: string; email: string; phone: string; address_line1: string; address_line2: string; city: string; postal_code: string; country: string; password: string; }; export default function AdminCustomerCreate() { const form = useForm({ name: '', email: '', phone: '', address_line1: '', address_line2: '', city: '', postal_code: '', country: '', password: '', }); const submit = (event: React.FormEvent) => { event.preventDefault(); form.transform((data) => ({ ...data, password: data.password === '' ? null : data.password, })); form.post('/admin/customers'); }; return ( ); } function CustomerFormPanel({ title, submitLabel, form, onSubmit, }: { title: string; submitLabel: string; form: ReturnType>; onSubmit: (event: React.FormEvent) => void; }) { return (

{title}

Back to customers
form.setData('name', event.target.value) } className={inputClassName} required /> form.setData('email', event.target.value) } className={inputClassName} required />
form.setData('phone', event.target.value) } className={inputClassName} /> form.setData('password', event.target.value) } className={inputClassName} placeholder="Optional" />
form.setData( 'address_line1', event.target.value, ) } className={inputClassName} /> form.setData( 'address_line2', event.target.value, ) } className={inputClassName} />
form.setData('city', event.target.value) } className={inputClassName} /> form.setData('postal_code', event.target.value) } className={inputClassName} /> form.setData('country', event.target.value) } className={inputClassName} />
); } function Field({ label, error, children, }: { label: string; error?: string; children: React.ReactNode; }) { return (
{children}
{error ? (

{error}

) : null}
); } const inputClassName = 'w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm text-[#0a1530] outline-none focus:border-[#0b7285] dark:border-[#4a3a78] dark:bg-[#160f2d] dark:text-[#efe8ff] dark:focus:border-[#a78bfa]';