Kembali } />

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

Username{' '} *

Email{' '} *

Profil Pribadi

Nama Lengkap{' '} *

Nomor Telepon{' '} *

Jenis Kelamin{' '} *

Laki-laki

Perempuan

Tempat Lahir{' '} *

Tanggal Lahir{' '} *

Alamat{' '} *

<Card>
                                <CardHeader>
                                    <CardTitle>Informasi Dosen</CardTitle>
                                </CardHeader>
                                <CardContent className="grid gap-4 md:grid-cols-2">
                                    <div className="grid gap-2">
                                        <Label htmlFor="lecturer_number">
                                            NIDN{' '}
                                            <span className="text-red-500">
                                                *
                                            </span>
                                        </Label>
                                        <Input
                                            id="lecturer_number"
                                            name="lecturer_number"
                                            placeholder="Masukkan NIDN"
                                        />
                                        <InputError
                                            message={errors.lecturer_number}
                                        />
                                    </div>
                                    <div className="grid gap-2">
                                        <Label>
                                            Jurusan{' '}
                                            <span className="text-red-500">
                                                *
                                            </span>
                                        </Label>
                                        {selectedDepartments.map((dept) => (
                                            <input
                                                key={dept.id}
                                                type="hidden"
                                                name="department_ids[]"
                                                value={dept.id}
                                            />
                                        ))}
                                        <Combobox
                                            items={departments}
                                            multiple
                                            value={selectedDepartments}
                                            onValueChange={
                                                setSelectedDepartments
                                            }
                                            itemToStringLabel={
                                                formatDepartmentLabel
                                            }
                                            isItemEqualToValue={(a, b) =>
                                                a.id === b.id
                                            }
                                        >
                                            <ComboboxChips
                                                ref={departmentAnchor}
                                            >
                                                {selectedDepartments.map(
                                                    (dept) => (
                                                        <ComboboxChip
                                                            key={dept.id}
                                                            aria-label={formatDepartmentLabel(
                                                                dept,
                                                            )}
                                                        >
                                                            {formatDepartmentLabel(
                                                                dept,
                                                            )}
                                                        </ComboboxChip>
                                                    ),
                                                )}
                                                <ComboboxChipsInput
                                                    placeholder={
                                                        selectedDepartments.length ===
                                                        0
                                                            ? 'Pilih jurusan'
                                                            : ''
                                                    }
                                                />
                                            </ComboboxChips>
                                            <ComboboxContent
                                                anchor={departmentAnchor}
                                            >
                                                <ComboboxEmpty>
                                                    Jurusan tidak ditemukan.
                                                </ComboboxEmpty>
                                                <ComboboxList>
                                                    {(dept: Department) => (
                                                        <ComboboxItem
                                                            key={dept.id}
                                                            value={dept}
                                                        >
                                                            {formatDepartmentLabel(
                                                                dept,
                                                            )}
                                                        </ComboboxItem>
                                                    )}
                                                </ComboboxList>
                                            </ComboboxContent>
                                        </Combobox>
                                        <InputError
                                            message={errors.department_ids}
                                        />
                                    </div>
                                </CardContent>
                            </Card>

<div className="flex justify-end">
                                <Button type="submit" disabled={processing}>
                                    <Save className="h-4 w-4" />
                                    Simpan
                                </Button>
                            </div>
                        </>
                    )}
                </Form>
            </div>
        </>
    );
}