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

Nama pengguna

Alamat email

{mustVerifyEmail && auth.user.email_verified_at === null && (

Alamat email Anda belum diverifikasi.{' '} Klik di sini untuk mengirim ulang email verifikasi.

{status === 'verification-link-sent' && (

Tautan verifikasi baru telah dikirim ke alamat email Anda.

)}

Nama Lengkap

Nomor Telepon

Jenis Kelamin

Laki-laki

Perempuan

Tempat Lahir

Tanggal Lahir

Alamat

{role === 'mahasiswa' && roleData && (
                                <div className="grid gap-4 border-t pt-6 md:grid-cols-2">
                                    <div className="grid gap-2">
                                        <Label>NIM</Label>
                                        <Input
                                            disabled
                                            value={
                                                (roleData as StudentRoleData)
                                                    .student_number
                                            }
                                        />
                                    </div>
                                    <div className="grid gap-2">
                                        <Label>Jurusan</Label>
                                        <Input
                                            disabled
                                            value={
                                                (roleData as StudentRoleData)
                                                    .department ?? '-'
                                            }
                                        />
                                    </div>
                                    <div className="grid gap-2">
                                        <Label>Tahun Masuk</Label>
                                        <Input
                                            disabled
                                            value={
                                                (roleData as StudentRoleData)
                                                    .enrollment_year
                                            }
                                        />
                                    </div>
                                    <div className="grid gap-2">
                                        <Label>Dosen Wali</Label>
                                        <Input
                                            disabled
                                            value={
                                                (roleData as StudentRoleData)
                                                    .academic_advisor ?? '-'
                                            }
                                        />
                                    </div>
                                    <p className="text-xs text-muted-foreground md:col-span-2">
                                        Informasi akademik dikelola oleh admin
                                        dan tidak dapat diubah sendiri.
                                    </p>
                                </div>
                            )}

{role === 'dosen' && roleData && (
                                <div className="grid gap-4 border-t pt-6 md:grid-cols-2">
                                    <div className="grid gap-2">
                                        <Label>NIDN</Label>
                                        <Input
                                            disabled
                                            value={
                                                (roleData as LecturerRoleData)
                                                    .lecturer_number
                                            }
                                        />
                                    </div>
                                    <div className="grid gap-2">
                                        <Label>Jurusan</Label>
                                        <Input
                                            disabled
                                            value={
                                                (roleData as LecturerRoleData)
                                                    .department ?? '-'
                                            }
                                        />
                                    </div>
                                    <p className="text-xs text-muted-foreground md:col-span-2">
                                        Informasi akademik dikelola oleh admin
                                        dan tidak dapat diubah sendiri.
                                    </p>
                                </div>
                            )}

{role === 'admin' && roleData && (
                                <div className="grid gap-4 border-t pt-6">
                                    <div className="grid gap-2">
                                        <Label>Peran</Label>
                                        <Input
                                            disabled
                                            value={(
                                                roleData as AdminRoleData
                                            ).roles
                                                .map((r) => roleLabels[r] ?? r)
                                                .join(', ')}
                                        />
                                    </div>
                                </div>
                            )}

<div className="flex items-center gap-4">
                                <Button
                                    disabled={processing}
                                    data-test="update-profile-button"
                                >
                                    <Save className="h-4 w-4" />
                                    Simpan
                                </Button>
                            </div>
                        </>
                    )}
                </Form>
            </div>
        </>
    );
}

Profile.layout = {
    breadcrumbs: [
        {
            title: 'Pengaturan Profil',
            href: edit(),
        },
    ],
};