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 PageProps { departments: { id: number; name: string }[]; positions: { id: number; name: string }[]; errors: Partial>; } export default function Create({ departments, positions }: PageProps) { const { data, setData, post, processing, errors } = useForm({ name: '', email: '', nip: '', gender: '', birth_date: '', place_of_birth: '', address: '', phone_number: '', department_id: '', position_id: '', status: '', join_date: '', }); const submit = (e: React.FormEvent) => { e.preventDefault(); post('/admin/employees'); }; return (
Form Data Karyawan

Lengkapi form di bawah ini untuk menambahkan karyawan baru.
{/* INFORMASI PRIBADI */}

1 Informasi Pribadi

{/* Kolom Kiri */}
setData('name', e.target.value)} /> {errors.name &&
{errors.name}
}
setData('email', e.target.value)} /> {errors.email &&
{errors.email}
}
setData('phone_number', e.target.value)} /> {errors.phone_number &&
{errors.phone_number}
}
{/* Kolom Kanan */}
setData('place_of_birth', e.target.value)} /> {errors.place_of_birth &&
{errors.place_of_birth}
}
setData('birth_date', e.target.value)} /> {errors.birth_date &&
{errors.birth_date}
}
{errors.gender &&
{errors.gender}
}
setData('address', e.target.value)} /> {errors.address &&
{errors.address}
}
{/* DATA KEPEGAWAIAN */}

2 Data Kepegawaian

{/* Kolom Kiri */}
setData('nip', e.target.value)} /> {errors.nip &&
{errors.nip}
}
{errors.department_id &&
Wajib diisi
}
{/* Kolom Kanan */}
{errors.position_id &&
Wajib diisi
}
{errors.status &&
{errors.status}
}
setData('join_date', e.target.value)} /> {errors.join_date &&
{errors.join_date}
}
{/* TOMBOL AKSI */}
); }