import { Head, Link, useForm, usePage } from '@inertiajs/react'; import { AddResourceLink } from '@/components/admin/add-resource-link'; import { Switch } from '@/components/ui/switch'; import { AdminLayout } from '@/layouts/admin-layout'; import { returnToFromPageUrl } from '@/lib/admin-return-to'; type Option = { id: number; name: string; }; type VehicleGearboxCreateProps = { manufacturerOptions: Option[]; driveTrainOptions: Option[]; gearboxTypeOptions: string[]; }; type VehicleGearboxForm = { return_to: string; manufacturer_id: string; drive_train_id: string; code: string; name: string; slug: string; gearbox_type: string; gears_count: string; max_torque_nm: string; production_year_from: string; production_year_to: string; oil_capacity_liters: string; notes: string; is_active: boolean; sort_order: string; }; export default function VehicleGearboxCreate({ manufacturerOptions, driveTrainOptions, gearboxTypeOptions, }: VehicleGearboxCreateProps) { const { url } = usePage(); const form = useForm({ return_to: returnToFromPageUrl(url), manufacturer_id: '', drive_train_id: '', code: '', name: '', slug: '', gearbox_type: gearboxTypeOptions[0] || '', gears_count: '', max_torque_nm: '', production_year_from: '', production_year_to: '', oil_capacity_liters: '', notes: '', is_active: true, sort_order: '0', }); const submit = (event: React.FormEvent) => { event.preventDefault(); form.transform((data) => ({ ...data, manufacturer_id: data.manufacturer_id === '' ? null : Number(data.manufacturer_id), drive_train_id: data.drive_train_id === '' ? null : Number(data.drive_train_id), code: data.code === '' ? null : data.code, name: data.name === '' ? null : data.name, gears_count: data.gears_count === '' ? null : Number(data.gears_count), max_torque_nm: data.max_torque_nm === '' ? null : Number(data.max_torque_nm), production_year_from: data.production_year_from === '' ? null : Number(data.production_year_from), production_year_to: data.production_year_to === '' ? null : Number(data.production_year_to), oil_capacity_liters: data.oil_capacity_liters === '' ? null : Number(data.oil_capacity_liters), notes: data.notes === '' ? null : data.notes, sort_order: data.sort_order === '' ? 0 : Number(data.sort_order), })); form.post('/admin/vehicle-gearboxes'); }; return (

Create Vehicle Gearbox

Back to list
Missing manufacturer?
form.setData('code', 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]" placeholder="Optional" /> 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]" placeholder="Optional" />
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]" placeholder="Optional" /> Missing drive train?
form.setData( 'gears_count', 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( 'max_torque_nm', 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( 'oil_capacity_liters', 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]" />
form.setData( 'production_year_from', 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( 'production_year_to', 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]" />