import { Head, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import AdminLayout from '@/layouts/admin-layout'; import { type Coupon } from '@/types'; export default function AdminCouponEdit({ coupon }: { coupon: Coupon }) { const { data, setData, patch, processing } = useForm({ code: coupon.code, type: coupon.type, value: coupon.value, min_order_amount: coupon.min_order_amount, max_discount: coupon.max_discount ?? '', usage_limit: String(coupon.usage_limit ?? ''), start_at: coupon.start_at ?? '', end_at: coupon.end_at ?? '', status: coupon.status, }); const submit: FormEventHandler = (e) => { e.preventDefault(); patch(route('admin.coupons.update', coupon.id)); }; return (

Coupon Details

Code

Type

Discount Value setData('value', e.target.value)} />

Min Order Amount setData('min_order_amount', e.target.value)} />

End Date setData('end_at', e.target.value)} />

Usage Limit setData('usage_limit', e.target.value)} placeholder="Unlimited" />

setData('status', Boolean(v))} /> Active

); }