@section('title', 'Profil ' . $researcher->hasAnyRole('mahasiswa', 'dosen', 'umum') ? 'Peneliti' : $researcher->getRoleNames()->first())
<div>
    <div wire:loading.block wire:target="confirmConfirmationAccount, confirmDeactivateAccount, confirmActivateAccount">
        @include('layouts.admin.loading-screen')
    </div>
    <div class="d-flex align-items-center gap-3">
        <div>
            <h3 class="fw-semibold mb-0">Profil {{ $researcher->hasAnyRole('mahasiswa', 'dosen', 'umum') ? 'Peneliti' : $researcher->getRoleNames()->first() }}</h3>
        </div>
    </div>
    <hr class="my-3">
    <div class="row g-3">
        <div class="col-12">
            @include('livewire.admin.profile.profile-banner-profile')
        </div>
        <div class="col-12">
            <div class="row g-3">
                <div class="col-12 @if ($researcher->hasAnyRole('mahasiswa', 'dosen', 'umum')) col-lg-8 @endif">
                    <div class="row g-3">
                        <div class="col-12">
                            @include('livewire.admin.profile.profile-information-profile')
                        </div>
                        <div class="col-12">
                            <div class="row g-3">
                                <div class="col-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <small class="card-text text-uppercase">Informasi Pribadi</small>
                                            <div class="table-responsive mt-2">
                                                <table class="custom-table align-top" style="white-space: initial;">
                                                    <tbody class="align-top">
                                                        @if ($researcher->hasAnyRole('mahasiswa', 'dosen', 'umum'))
                                                            <tr>
                                                                <td style="width: 25px;"><i class="fa-regular fa-id-card fa-fw"></i></td>
                                                                <td class="fw-semibold" style="width: 30px;">NIK</td>
                                                                <td class="text-center" style="width: 20px;">:</td>
                                                                <td>{{ $researcher?->researcherDetail?->nik ?? '-' }}</td>
                                                            </tr>
                                                        @endif
                                                        @if ($researcher->hasAnyRole('mahasiswa', 'dosen', 'umum'))
                                                            <tr>
                                                                <td style="width: 25px;"><i class="fa-regular fa-phone fa-fw"></i></td>
                                                                <td class="fw-semibold" style="width: 30px;">No. Telp</td>
                                                                <td class="text-center" style="width: 20px;">:</td>
                                                                <td>{{ $researcher?->researcherDetail?->phone_number }}</td>
                                                            </tr>
                                                        @endif
                                                        <tr>
                                                            <td style="width: 25px;"><i class="fa-regular fa-envelope fa-fw"></i></td>
                                                            <td class="fw-semibold" style="width: 70px;">E-Mail</td>
                                                            <td class="text-center" style="width: 20px;">:</td>
                                                            <td>{{ $researcher->email }}</td>
                                                        </tr>
                                                        @if ($researcher->hasAnyRole('mahasiswa', 'dosen', 'umum'))
                                                            <tr>
                                                                <td style="width: 25px;"><i class="fa-regular fa-baby-carriage fa-fw"></i></td>
                                                                <td class="fw-semibold" style="width: 150px;">Tempat, Tgl Lahir</td>
                                                                <td class="text-center" style="width: 20px;">:</td>
                                                                <td>{{ $researcher?->researcherDetail?->place_of_birth ?? '-' }}, {{ $researcher?->researcherDetail?->date_of_birth?->isoFormat('DD MMMM Y') ?? '-' }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td style="width: 25px;"><i class="fa-regular fa-house fa-fw"></i></td>
                                                                <td class="fw-semibold" style="width: 30px;">Alamat</td>
                                                                <td class="text-center" style="width: 20px;">:</td>
                                                                <td>
                                                                    <div style="width: 500px;">{{ $researcher?->researcherDetail?->full_address ?? '-' }}</div>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="width: 25px;"><i class="fa-regular fa-signs-post fa-fw"></i></td>
                                                                <td class="fw-semibold" style="width: 30px;">Jalan</td>
                                                                <td class="text-center" style="width: 20px;">:</td>
                                                                <td>{{ $researcher?->researcherDetail?->street_name ?? '-' }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td style="width: 25px;"><i class="fa-regular fa-list-ol fa-fw"></i></td>
                                                                <td class="fw-semibold" style="width: 30px;">No. Rumah</td>
                                                                <td class="text-center" style="width: 20px;">:</td>
                                                                <td>{{ $researcher?->researcherDetail?->building_number ?? '-' }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td style="width: 25px;"><i class="fa-regular fa-house-user fa-fw"></i></td>
                                                                <td class="fw-semibold" style="width: 30px;">RT / RW</td>
                                                                <td class="text-center" style="width: 20px;">:</td>
                                                                <td>{{ $researcher?->researcherDetail?->neighbourhood_number ?? '-' }} / {{ $researcher?->researcherDetail?->hamlet_number ?? '-' }}</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @if ($researcher->hasAnyRole('mahasiswa', 'dosen', 'umum'))
                    <div class="col-12 col-lg-4">
                        <div class="row g-3">
                            <div class="col-12">
                                <img src="{{ $researcher?->researcherDetail?->id_card == 'test.webp' ? asset('assets/image/id-card.webp') : asset('storage/' . $researcher?->researcherDetail?->id_card) }}" class="w-100 rounded shadow" style="object-fit: cover;height: 256.88px;">
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>