Tambah Pegawai

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

{ toast.error('Ada data yang belum sesuai, silakan periksa kembali input Anda.'); }} > {({ errors, processing }) => ( <>

Akun

Email{' '} *

Username{' '} *

{canViewAll ? (

Role{' '} * r.name } value={selectedRole} onValueChange={(value) => setSelectedRole(value) } > Tidak ada role ditemukan. {(role) => ( {role.name} )}

) : (

Role

{selectedRole?.name ?? '-'}

)} Profil

Nama Lengkap{' '} *

No. Telepon

Jenis Kelamin

Laki-laki

Perempuan

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

Alamat

{selectedRole?.name !== 'owner' && (
                                    <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>
        </>
    );
}