import { Head, Link, useForm } from '@inertiajs/react'; import React from 'react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Separator } from '@/components/ui/separator'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Manajemen Pengguna', href: '/admin/users' }, { title: 'Tambah User', href: '/admin/users/create' }, ]; export default function Create() { const { data, setData, post, processing, errors } = useForm({ name: '', email: '', password: '', password_confirmation: '', role: '', }); const submit = (e: React.FormEvent) => { e.preventDefault(); post('/admin/users'); }; return (

Tambah User Baru

Buat akun pengguna baru beserta hak aksesnya.

Form User

{/* Nama */}

Nama Lengkap * setData('name', e.target.value)} autoComplete="off" /> {errors.name && (

{errors.name}

)}

{/* Email */}

Email * setData('email', e.target.value)} autoComplete="off" /> {errors.email && (

{errors.email}

)}

{/* Password */}

Password * setData('password', e.target.value)} autoComplete="new-password" /> {errors.password && (

{errors.password}

)}

{/* Konfirmasi Password */}

Konfirmasi Password * setData('password_confirmation', e.target.value)} autoComplete="new-password" /> {errors.password_confirmation && (

{errors.password_confirmation}

)}

{/* Role */}

Role / Hak Akses * {errors.role && (

{errors.role}

)}

); }