import { Head, useForm, Link } 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'; interface Employee { id: number; name: string; nip: string; position: string; } interface PageProps { employees: Employee[]; } export default function Create({ employees }: PageProps) { const { data, setData, post, processing, errors } = useForm({ employee_id: '', email: '', role: '', }); const selectedEmployee = employees.find((e) => String(e.id) === data.employee_id) ?? null; const submit = (e: React.FormEvent) => { e.preventDefault(); post('/admin/users'); }; return (

Buat Akun User

Hubungkan akun login dengan data karyawan yang sudah terdaftar.

Form Akun Baru

{/* Pilih Karyawan */}

Karyawan * {employees.length === 0 ? (

Semua karyawan sudah memiliki akun.

) : ( )} {errors.employee_id && (

{errors.employee_id}

)}

{/* Info karyawan terpilih */} {selectedEmployee && (

Nama akun akan dibuat sebagai:

{selectedEmployee.name}

)} {/* Email */}

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

{errors.email}

)}

{/* Role */}

Role * {errors.role && (

{errors.role}

)}

{/* Helper text password default */}

*password default user adalah 'password'

); }