import { Head, Link, useForm } from '@inertiajs/react'; import type { FormEvent } from 'react'; type DiscountCode = { id: number; code: string; type: string; value: string; minimum_order_total: string | null; usage_limit: number | null; starts_at: string | null; expires_at: string | null; is_active: boolean }; export default function DiscountCodeForm({ discountCode }: { discountCode: DiscountCode | null }) { const { data, setData, transform, post, put, processing, errors } = useForm({ code: discountCode?.code ?? '', type: discountCode?.type ?? 'fixed', value: discountCode?.value ?? '0.00', minimum_order_total: discountCode?.minimum_order_total ?? '', usage_limit: discountCode?.usage_limit ?? '', starts_at: discountCode?.starts_at ?? '', expires_at: discountCode?.expires_at ?? '', is_active: discountCode?.is_active ?? true, }); function submit(event: FormEvent) { event.preventDefault(); transform((values) => ({ ...values, minimum_order_total: values.minimum_order_total || null, usage_limit: values.usage_limit || null, starts_at: values.starts_at || null, expires_at: values.expires_at || null })); discountCode ? put(`/admin/discount-codes/${discountCode.id}`) : post('/admin/discount-codes'); } return ( <>

{discountCode ? 'Edit discount code' : 'Create discount code'}

setData('code', event.target.value)} /> setData('value', event.target.value)} /> setData('minimum_order_total', event.target.value)} /> setData('usage_limit', event.target.value)} /> setData('starts_at', event.target.value)} /> setData('expires_at', event.target.value)} />
Cancel
); } function Field({ label, error, children }: { label: string; error?: string; children: React.ReactNode }) { return ; }