import { Head, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import InputError from '@/components/input-error'; 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'; export default function AdminCouponCreate() { const { data, setData, post, processing, errors } = useForm({ code: '', type: 'fixed', value: '', min_order_amount: '0', max_discount: '', usage_limit: '', start_at: '', end_at: '', status: true, }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('admin.coupons.store')); }; return (

Coupon Details

Code * setData('code', e.target.value.toUpperCase())} placeholder="EG: SAVE20" className="uppercase" />

Type *

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

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

Max Discount (৳) setData('max_discount', e.target.value)} placeholder="Unlimited" />

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

Start Date setData('start_at', e.target.value)} />

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

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

); }