Tambah Pegawai

Informasi Profil

Nama Lengkap setData( 'full_name', e.target.value, ) } autoComplete="off" placeholder="Contoh: John Doe" /> NIK setData('nik', e.target.value) } autoComplete="off" placeholder="Contoh: 3213051307900001" maxLength={16} /> 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 bg-card/50 shadow-lg 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>
    );
}

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