import { Head, useForm } from '@inertiajs/react'; import { PageHeader } from '@/components/admin/page-header'; import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; 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 AppLayout from '@/layouts/app-layout'; import adminRoutes from '@/routes/admin'; import type { BreadcrumbItem } from '@/types'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admin', href: adminRoutes.dashboard().url }, { title: 'Users', href: adminRoutes.users.index().url }, { title: 'Create', href: adminRoutes.users.create().url }, ]; export default function UserCreate() { const { data, setData, post, processing, errors } = useForm({ name: '', email: '', phone: '', password: '', password_confirmation: '', approval_status: 'approved', is_admin: false as boolean, }); function submit(e: React.FormEvent) { e.preventDefault(); post(adminRoutes.users.store().url); } return (

Full Name setData('name', e.target.value)} required />

Email setData('email', e.target.value)} required />

Phone setData('phone', e.target.value)} />

Password setData('password', e.target.value)} required />

Confirm Password setData('password_confirmation', e.target.value)} required />

Approval Status

setData('is_admin', !!checked)} /> Admin privileges

); }