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 AdminLayout from '@/layouts/admin-layout'; export default function AdminCourierCreate() { const { data, setData, post, processing, errors } = useForm({ name: '', slug: '', api_key: '', api_secret: '', base_url: '', status: true, }); const submit: FormEventHandler = (e) => { e.preventDefault(); post('/admin/couriers'); }; const autoSlug = (name: string) => { setData((prev) => ({ ...prev, name, slug: name.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '') })); }; return (
Courier Details
autoSlug(e.target.value)} placeholder="e.g. Pathao" className={errors.name ? 'border-red-400' : ''} /> {errors.name &&

{errors.name}

}
setData('slug', e.target.value)} className="font-mono text-sm" />
setData('base_url', e.target.value)} placeholder="https://api.courier.com/v1" />
setData('api_key', e.target.value)} placeholder="••••••••" />
setData('api_secret', e.target.value)} placeholder="••••••••" />
setData('status', Boolean(v))} />
); }