import { Head, Link, useForm } from '@inertiajs/react'; import { AdminLayout } from '@/layouts/admin-layout'; type ManufacturerData = { id: number; name: string; slug: string; country: string | null; }; type ManufacturerEditProps = { manufacturer: ManufacturerData; }; type ManufacturerForm = { name: string; slug: string; country: string; }; export default function ManufacturerEdit({ manufacturer, }: ManufacturerEditProps) { const form = useForm({ name: manufacturer.name, slug: manufacturer.slug, country: manufacturer.country || '', }); const submit = (event: React.FormEvent) => { event.preventDefault(); form.put(`/admin/manufacturers/${manufacturer.id}`); }; return (

Edit Manufacturer

Back to list
form.setData('name', event.target.value) } className="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]" required />
form.setData('slug', event.target.value) } className="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]" /> form.setData('country', event.target.value) } className="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]" />
); } function Field({ label, error, children, }: { label: string; error?: string; children: React.ReactNode; }) { return (
{children}
{error ? (

{error}

) : null}
); }