Tambah Pegawai

Informasi Kata Sandi Kata sandi default untuk akun baru adalah Minimal8@

{({ errors, processing }) => ( <>

Akun

Email{' '} *

Username{' '} *

Profil

Nama Lengkap{' '} *

No. Telepon

Jenis Kelamin

Laki-laki

Perempuan

Tanggal Lahir {}} placeholder="Pilih tanggal lahir" />

Alamat

<Card>
                                    <CardHeader>
                                        <CardTitle>Pegawai</CardTitle>
                                    </CardHeader>
                                    <CardContent className="grid grid-cols-1 gap-4 md:grid-cols-2">
                                        <div className="grid gap-2">
                                            <Label>
                                                Tanggal Masuk{' '}
                                                <span className="text-destructive">
                                                    *
                                                </span>
                                            </Label>
                                            <DatePicker
                                                name="join_date"
                                                value={joinDate}
                                                onChange={setJoinDate}
                                                placeholder="Pilih tanggal masuk"
                                            />
                                            <InputError
                                                message={errors.join_date}
                                            />
                                        </div>
                                        <div className="grid gap-2">
                                            <Label>Tanggal Keluar</Label>
                                            <DatePicker
                                                name="resign_date"
                                                value={resignDate}
                                                onChange={setResignDate}
                                                placeholder="Pilih tanggal keluar"
                                            />
                                            <InputError
                                                message={errors.resign_date}
                                            />
                                        </div>
                                        <div className="grid gap-2">
                                            <Label>
                                                Status Kepegawaian{' '}
                                                <span className="text-destructive">
                                                    *
                                                </span>
                                            </Label>
                                            <Select
                                                name="employment_status"
                                                defaultValue="full_time"
                                            >
                                                <SelectTrigger className="w-full">
                                                    <SelectValue placeholder="Pilih status kepegawaian" />
                                                </SelectTrigger>
                                                <SelectContent>
                                                    <SelectItem value="full_time">
                                                        Full Time
                                                    </SelectItem>
                                                    <SelectItem value="part_time">
                                                        Part Time
                                                    </SelectItem>
                                                    <SelectItem value="contract">
                                                        Kontrak
                                                    </SelectItem>
                                                    <SelectItem value="internship">
                                                        Magang
                                                    </SelectItem>
                                                    <SelectItem value="resigned">
                                                        Keluar
                                                    </SelectItem>
                                                </SelectContent>
                                            </Select>
                                            <InputError
                                                message={
                                                    errors.employment_status
                                                }
                                            />
                                        </div>
                                        <div className="grid gap-2">
                                            <Label htmlFor="base_salary">
                                                Gaji Pokok{' '}
                                                <span className="text-destructive">
                                                    *
                                                </span>
                                            </Label>
                                            <RupiahInput
                                                name="base_salary"
                                            />
                                            <InputError
                                                message={errors.base_salary}
                                            />
                                        </div>
                                    </CardContent>
                                </Card>
                            </div>

<div className="mt-6 flex items-center gap-4">
                                <Button type="submit" disabled={processing}>
                                    {processing ? 'Menyimpan...' : 'Simpan'}
                                </Button>
                            </div>
                        </>
                    )}
                </Form>
            </div>
        </>
    );
}