import { Head, Link, useForm } from '@inertiajs/react'; import { AddResourceLink } from '@/components/admin/add-resource-link'; import { Switch } from '@/components/ui/switch'; import { AdminLayout } from '@/layouts/admin-layout'; type MakeOption = { id: number; name: string; }; type VehicleModelData = { id: number; vehicle_make_id: number; name: string; slug: string; description: string | null; is_active: boolean; sort_order: number; }; type VehicleModelEditProps = { model: VehicleModelData; makeOptions: MakeOption[]; }; type VehicleModelForm = { vehicle_make_id: string; name: string; slug: string; description: string; is_active: boolean; sort_order: string; }; export default function VehicleModelEdit({ model, makeOptions, }: VehicleModelEditProps) { const form = useForm({ vehicle_make_id: String(model.vehicle_make_id), name: model.name, slug: model.slug, description: model.description || '', is_active: model.is_active, sort_order: String(model.sort_order), }); const submit = (event: React.FormEvent) => { event.preventDefault(); form.transform((data) => ({ ...data, vehicle_make_id: Number(data.vehicle_make_id), sort_order: data.sort_order === '' ? 0 : Number(data.sort_order), })); form.put(`/admin/vehicle-models/${model.id}`); }; return (

Edit Vehicle Model

Back to list
Missing brand? 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( 'sort_order', 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]" />