import { Head, Link, useForm } from '@inertiajs/react'; import type { FormEvent } from 'react'; type ShippingMethod = { id: number; name: string; code: string; provider: string | null; type: string; price: string; free_from: string | null; is_active: boolean }; export default function ShippingMethodForm({ shippingMethod }: { shippingMethod: ShippingMethod | null }) { const { data, setData, transform, post, put, processing, errors } = useForm({ name: shippingMethod?.name ?? '', code: shippingMethod?.code ?? '', provider: shippingMethod?.provider ?? '', type: shippingMethod?.type ?? 'fixed', price: shippingMethod?.price ?? '0.00', free_from: shippingMethod?.free_from ?? '', is_active: shippingMethod?.is_active ?? true, }); function submit(event: FormEvent) { event.preventDefault(); transform((values) => ({ ...values, free_from: values.free_from || null })); shippingMethod ? put(`/admin/shipping-methods/${shippingMethod.id}`) : post('/admin/shipping-methods'); } return ( <>

{shippingMethod ? 'Edit shipping method' : 'Create shipping method'}

setData('name', event.target.value)} /> setData('code', event.target.value)} /> setData('provider', event.target.value)} /> setData('price', event.target.value)} /> setData('free_from', event.target.value)} />
Cancel
); } function Field({ label, error, children }: { label: string; error?: string; children: React.ReactNode }) { return ; }