Ubah Pegawai

Informasi Profil

NIK setData('nik', e.target.value)} autoComplete='off' placeholder='Contoh: 3213051307900001' maxLength={16} /> {errors.nik &&

{errors.nik}

} Nama Lengkap setData('full_name', e.target.value)} autoComplete='off' placeholder='Contoh: John Doe' /> {errors.full_name &&

{errors.full_name}

} Nomor Telepon setData('phone_number', e.target.value)} autoComplete='off' placeholder='Contoh: 08123456789' /> {errors.phone_number &&

{errors.phone_number}

} Gaji Pokok { setData('base_salary', values.floatValue || 0) }} placeholder="Rp 0" autoComplete='off' /> {errors.base_salary &&

{errors.base_salary}

} Tempat Lahir setData('birth_place', e.target.value)} autoComplete='off' placeholder='Contoh: Jakarta' /> {errors.birth_place &&

{errors.birth_place}

} Tanggal Lahir { if (selectedDate) { setData('birth_date', selectedDate.getFullYear() + "-" + String(selectedDate.getMonth() + 1).padStart(2, '0') + "-" + String(selectedDate.getDate()).padStart(2, '0')); } else { setData('birth_date', ''); } setIsCalendarOpen(false); }} /> {errors.birth_date &&

{errors.birth_date}

}

Alamat

setData('address', e.target.value)} placeholder='Contoh: Kp. Bakan Sampeu' />
                                    {errors.address && <p className="text-xs text-red-500">{errors.address}</p>}
                                </Field>
                            </CardContent>
                        </Card>
                    </div>

<div className="space-y-6">
                        <Card className="overflow-hidden border-none shadow-lg bg-card/50 backdrop-blur-sm">
                            <CardHeader className="border-b">
                                <CardTitle>Kredensial Akun</CardTitle>
                            </CardHeader>
                            <CardContent className="space-y-6">
                                <Field>
                                    <Label htmlFor="email" required>Alamat Surel</Label>
                                    <Input
                                        id="email"
                                        name="email"
                                        type="email"
                                        value={data.email}
                                        onChange={e => setData('email', e.target.value)}
                                        autoComplete='off'
                                        placeholder='Contoh: john@example.com'
                                    />
                                    {errors.email && <p className="text-xs text-red-500">{errors.email}</p>}
                                </Field>

<Field>
                                    <Label htmlFor="username" required>Nama Pengguna</Label>
                                    <Input
                                        id="username"
                                        name="username"
                                        value={data.username}
                                        onChange={e => setData('username', e.target.value)}
                                        autoComplete='off'
                                        placeholder='Contoh: johndoe'
                                    />
                                    {errors.username && <p className="text-xs text-red-500">{errors.username}</p>}
                                </Field>
                            </CardContent>
                        </Card>

<div className="flex flex-col gap-4 p-4 rounded-xl bg-primary/5 border border-primary/10 shadow-sm">
                            <Button type="submit" className="w-full" disabled={processing}>
                                {processing ? <Loader className="size-4 animate-spin" /> : <Save className="size-4" />}
                                {processing ? 'Menyimpan...' : 'Simpan'}
                            </Button>
                        </div>
                    </div>
                </div>
            </form>

</div>
    );
}

UserEdit.layout = {
    breadcrumbs: [
        {
            title: 'Master',
        },
    ],
};