Ubah Pegawai

Informasi Profil

NIK setData('nik', e.target.value)} autoComplete='off' placeholder='Contoh: 3213051307900001' maxLength={16} /> Nama Lengkap setData('full_name', e.target.value)} autoComplete='off' placeholder='Contoh: John Doe' /> Nomor Telepon setData('phone_number', e.target.value)} autoComplete='off' placeholder='Contoh: 08123456789' /> Gaji Pokok { setData('base_salary', values.floatValue || 0) }} placeholder="Rp 0" autoComplete='off' /> Tempat Lahir setData('birth_place', e.target.value)} autoComplete='off' placeholder='Contoh: Jakarta' /> 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); }} />

Alamat

setData('address', e.target.value)} placeholder='Contoh: Kp. Bakan Sampeu' />
                                    <FieldError error={errors.address} label="Alamat" className="text-xs" />
                                </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'
                                    />
                                    <FieldError error={errors.email} label="Alamat Surel" className="text-xs" />
                                </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'
                                    />
                                    <FieldError error={errors.username} label="Nama Pengguna" className="text-xs" />
                                </Field>

<Field>
                                    <Label htmlFor="roles" required>
                                        Peran
                                    </Label>
                                    <Combobox
                                        multiple
                                        autoHighlight
                                        items={roles.map((r) => r.name)}
                                        value={data.roles}
                                        onValueChange={(val) =>
                                            setData('roles', val)
                                        }
                                    >
                                        <ComboboxChips
                                            ref={anchor}
                                            className="w-full"
                                        >
                                            <ComboboxValue>
                                                {(values) => (
                                                    <React.Fragment>
                                                        {values.map(
                                                            (value: string) => (
                                                                <ComboboxChip
                                                                    key={value}
                                                                    value={value}
                                                                >
                                                                    {value}
                                                                </ComboboxChip>
                                                            ),
                                                        )}
                                                        <ComboboxChipsInput placeholder="Pilih Peran" />
                                                    </React.Fragment>
                                                )}
                                            </ComboboxValue>
                                        </ComboboxChips>
                                        <ComboboxContent anchor={anchor}>
                                            <ComboboxEmpty>
                                                Peran tidak ditemukan
                                            </ComboboxEmpty>
                                            <ComboboxList>
                                                {(item: string) => (
                                                    <ComboboxItem
                                                        key={item}
                                                        value={item}
                                                    >
                                                        {item}
                                                    </ComboboxItem>
                                                )}
                                            </ComboboxList>
                                        </ComboboxContent>
                                    </Combobox>
                                    <FieldError
                                        error={errors.roles}
                                        label="Peran"
                                        className="text-xs"
                                    />
                                </Field>
                            </CardContent>
                        </Card>
                    </div>
                </div>

<Button type="submit" disabled={processing}>
                    {processing ? <Loader className="size-4 animate-spin" /> : <Save className="size-4" />}
                    {processing ? 'Menyimpan...' : 'Simpan'}
                </Button>
            </form>
        </div>
    );
}

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