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'; import type { AdminUser } from '@/types/admin'; export default function UserEdit({ user }: { user: AdminUser }) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admin', href: adminRoutes.dashboard().url }, { title: 'Users', href: adminRoutes.users.index().url }, { title: user.name, href: adminRoutes.users.show(user.id).url }, { title: 'Edit', href: adminRoutes.users.edit(user.id).url }, ]; const { data, setData, patch, processing, errors } = useForm({ name: user.name, email: user.email, phone: user.phone ?? '', approval_status: user.approval_status, is_admin: user.is_admin, }); function submit(e: React.FormEvent) { e.preventDefault(); patch(adminRoutes.users.update(user.id).url); } return (

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

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

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

Approval Status

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

); }