import AuthenticatedLayout from "@/layouts/authenticated-layout"; import { Head, Link, useForm } from "@inertiajs/react"; import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card"; import { Label } from "@/components/ui/label"; import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; interface Role { id: number; name: string; } interface Props { roles: Role[]; } export default function Create({ roles }: Props) { const { data, setData, errors, post, processing } = useForm({ name: "", email: "", password: "", roles: [] as string[], }); function submit(e: React.FormEvent) { e.preventDefault(); post(route("users.store")); } return (

Create New User

Back to Users
Create User Account Enter user information to create a new account
setData("name", e.target.value)} required autoFocus /> {errors.name &&
{errors.name}
}
setData("email", e.target.value)} required /> {errors.email &&
{errors.email}
}
setData("password", e.target.value)} required /> {errors.password &&
{errors.password}
}
{roles.map((role) => ( ))} {errors.roles &&
{errors.roles}
}
); }