@php
    use Carbon\Carbon;
    use App\Models\Auth\User;
    $title_site = 'Detail Penelitian';

    function checkStatus($revision)
    {
        return $revision['status'] == 'new' || $revision['status'] == 'still-wrong';
    }
@endphp
@section('title', $title_site)
@section('styles')
    <link href="{{ asset('assets/admin/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.css') }}" rel="stylesheet">
    <link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.bootstrap5.min.css" integrity="sha512-Ars0BmSwpsUJnWMw+KoUKGKunT7+T8NGK0ORRKj+HT8naZzLSIQoOSIIM3oyaJljgLxFi0xImI5oZkAWEFARSA==" referrerpolicy="no-referrer" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4/dist/fancybox.min.css" rel="stylesheet">
    <style>
        .timeline.timeline-center .timeline-item.timeline-item-left .timeline-event .timeline-event-time,
        .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event .timeline-event-time {
            right: -17.2rem;
        }

        .timeline.timeline-center .timeline-item.timeline-item-right .timeline-event .timeline-event-time,
        .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-event .timeline-event-time {
            left: -17.2rem;
        }
    </style>
@endsection
<div>
    @include('livewire.admin.research.detail.research-detail-modal')
    <div class="row align-items-center g-3" x-data="{ tab: '{{ $auth->hasAnyRole('sekretaris') && $research->status == 'awaiting-secretary-verification' && !$need_replace_reviewer ? 'verification' : ($need_replace_reviewer ? 'change-reviewer' : 'research_data') }}' }">
        @if ($auth->hasAnyRole('mahasiswa', 'dosen', 'peneliti') && $amandment_id)
            <div class="col-6">
                <a class="btn btn-secondary btn-sm" href="/penelitian/{{ $research->id }}"><i class="fa-solid fa-arrow-left fa-fw me-2"></i> Kembali</a>
            </div>
            <div class="col-6 text-end">
                <h5 class="mb-0">Amandemen</h5>
            </div>
        @endif
        @if ($research->status === 'rejected')
            <div class="col-12">
                <div class="card">
                    <div class="alert alert-danger d-flex align-items-center mb-0">
                        <span class="alert-icon text-danger me-2">
                            <i class="fa-solid fa-times-circle fa-fw"></i>
                        </span>
                        <div>
                            <strong>Penelitian Ditolak</strong><br>
                            <small>Alasan: {{ $research->rejected_reason }}</small><br>
                            <small>Ditolak oleh: {{ $research->rejectedBy?->name ?? 'N/A' }} pada {{ $research->rejected_at?->format('d/m/Y H:i') ?? 'N/A' }}</small><br>
                            <small class="text-muted">Penelitian ini tidak dapat diubah dan hanya dapat dilihat dalam mode preview.</small>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if ($auth->hasAnyRole('penelaah') && in_array($research_reviewer_status, ['under-review', 'revision']))
            <div class="col-12">
                <div class="card">
                    <div class="alert alert-warning d-flex align-items-center mb-0">
                        <span class="alert-icon text-warning me-2">
                            <i class="fa-solid fa-bell fa-fw"></i>
                        </span>
                        Jika sudah tidak ada permintaan Revisi terhadap penelitian yang diajukan, Harap tuntaskan penilaian ini berada dibawah sendiri !
                    </div>
                </div>
            </div>
        @endif
        <div class="col-12">
            <ul class="nav nav-pills nav-fill gap-2">
                @if ($auth->id != $research->researcher_id)
                    <li class="nav-item">
                        <a :class="tab == 'profile' ? 'nav-link active' : 'nav-link'" href="javascript:void(0);" x-on:click="tab = 'profile'"><i class="fa-regular fa-user-doctor fa-fw me-2"></i> Profil Peneliti</a>
                    </li>
                @endif
                <li class="nav-item">
                    <a :class="tab == 'history' ? 'nav-link active' : 'nav-link'" href="javascript:void(0);" x-on:click="tab = 'history'"><i class="fa-regular fa-clock-rotate-left fa-fw me-2"></i> Riwayat</a>
                </li>
                <li class="nav-item">
                    <a :class="tab == 'proposal' ? 'nav-link active' : 'nav-link'" href="javascript:void(0);" x-on:click="tab = 'proposal'"><i class="fa-regular fa-file-medical-alt fa-fw me-2"></i> Proposal</a>
                </li>
                @if ($research->informed_consent)
                    <li class="nav-item">
                        <a :class="tab == 'informed_consent' ? 'nav-link active' : 'nav-link'" href="javascript:void(0);" x-on:click="tab = 'informed_consent'"><i class="fa-regular fa-file-medical-alt fa-fw me-2"></i> Informed Consent</a>
                    </li>
                @endif
                <li class="nav-item">
                    <a :class="tab == 'research_data' ? 'nav-link active' : 'nav-link'" href="javascript:void(0);" x-on:click="tab = 'research_data'"><i class="fa-regular fa-stethoscope fa-fw me-2"></i> Protokol</a>
                </li>
                @if ($system_setting_cached->is_use_self_assessment)
                    <li class="nav-item">
                        <a :class="tab == 'self_assessment' ? 'nav-link active' : 'nav-link'" href="javascript:void(0);" x-on:click="tab = 'self_assessment'"><i class="fa-regular fa-ballot-check fa-fw me-2"></i> Self Assessment</a>
                    </li>
                @endif
                @if ($auth->hasAnyRole('sekretaris') && $research->status == 'awaiting-secretary-verification' && !$need_replace_reviewer)
                    <li class="nav-item">
                        <a :class="tab == 'verification' ? 'nav-link active' : 'nav-link'" href="javascript:void(0);" x-on:click="tab = 'verification'"><i class="fa-regular fa-circle-check fa-fw me-2"></i> Verifikasi</a>
                    </li>
                @endif
                @if ($need_replace_reviewer)
                    <li class="nav-item">
                        <a :class="tab == 'change-reviewer' ? 'nav-link active' : 'nav-link'" href="javascript:void(0);" x-on:click="tab = 'change-reviewer'"><i class="fa-regular fa-circle-check fa-fw me-2"></i> Ganti Penelaah</a>
                    </li>
                @endif
                <li class="nav-item">
                    <a :class="tab == 'detail' ? 'nav-link active' : 'nav-link'" href="javascript:void(0);" x-on:click="tab = 'detail'"><i class="fa-regular fa-circle-info fa-fw me-2"></i> Rincian</a>
                </li>
                @if ($research->status == 'done' && $system_setting_cached->is_use_amendment && !$research->amandment_id)
                    <li class="nav-item">
                        <a :class="tab == 'amendment' ? 'nav-link active' : 'nav-link'" href="javascript:void(0);" x-on:click="tab = 'amendment'"><i class="fa-regular fa-layer-group fa-fw me-2"></i> Amandemen</a>
                    </li>
                @endif
            </ul>
        </div>
        @if ($auth->id != $research->researcher_id)
            <div class="col-12" x-show="tab == 'profile'" x-transition>
                <div class="row g-3">
                    <div class="col-12">
                        @include('livewire.admin.profile.profile-banner-profile')
                    </div>
                    <div class="col-12">
                        @include('livewire.admin.profile.profile-information-profile')
                    </div>
                </div>
            </div>
        @endif
        <div class="col-12" x-show="tab == 'history'" x-transition>
            <ul class="timeline timeline-center mt-3">
                @foreach ($research->researchHistories as $item)
                    <li class="timeline-item">
                        <span class="timeline-indicator timeline-indicator-primary" data-aos-delay="200" data-aos="zoom-in">
                            <i class="ti ti-brush ti-sm"></i>
                        </span>
                        <div class="timeline-event card p-0" data-aos="fade-right">
                            <div class="card-header d-flex justify-content-between align-items-center flex-wrap">
                                <h5 class="fw-bold mb-0 text-black">{{ $item->user->name }}</h5>
                            </div>
                            <div class="card-body">
                                <p class="mb-0">{{ $item->description }}</p>
                            </div>
                            <div class="timeline-event-time">{{ $item->created_at->isoFormat('dddd, D MMMM Y hh:mm') }}</div>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>
        <div class="col-12" x-show="tab == 'proposal'" x-transition>
            @php
                $form_opened = $auth->hasAnyRole('dosen', 'mahasiswa', 'umum')
                    ? (array_key_exists('proposal', $revisions) &&
                            collect($revisions['proposal'])
                                ->pluck('status')
                                ->contains(function ($status) {
                                    return in_array($status, ['new', 'still-wrong']);
                                })) ||
                        $research->status == 'awaiting-admin-verification'
                    : false;
            @endphp
            <div class="row g-3">
                <div class="{{ $form_opened || $research->research_type ? 'col-lg-6 col-12' : 'col-12' }}">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
                            <h5 class="card-title mb-0">Proposal <i class="fa-solid fa-clock-rotate-left fa-fw text-warning ms-1 cursor-pointer" wire:click="answerHistory('proposal')" x-data="{ tooltip: 'Riwayat Proposal' }" x-tooltip="tooltip"></i></h5>
                            <div class="d-flex align-items-center gap-2">
                                @if ($research->proposal)
                                    <a href="{{ asset('storage/' . $research->proposal) }}" target="_blank" download class="btn btn-sm btn-label-success" x-data="{ tooltip: 'Unduh File Proposal' }" x-tooltip="tooltip">
                                        <i class="fa-solid fa-download fa-fw me-1"></i> Unduh Proposal
                                    </a>
                                @endif
                                @if ($auth->hasAnyRole('admin', 'sekretaris', 'ketua') && in_array($research->status, ['unreviewed', 'under-review', 'revision']))
                                    <button class="btn btn-sm btn-label-warning" wire:click="openReuploadModal('proposal')" x-data="{ tooltip: 'Upload Ulang File Proposal' }" x-tooltip="tooltip">
                                        <i class="fa-solid fa-upload fa-fw me-1"></i> Upload Ulang
                                    </button>
                                @endif
                            </div>
                        </div>
                        <div class="card-body">
                            @if ($research->proposal)
                                @php
                                    $proposal_ext = strtolower(pathinfo($research->proposal, PATHINFO_EXTENSION));
                                    $is_image = in_array($proposal_ext, ['jpg', 'jpeg', 'png', 'gif', 'webp']);
                                @endphp
                                @if ($is_image)
                                    <img src="{{ asset('storage/' . $research->proposal) }}" class="w-100 rounded" alt="Proposal" style="max-height: 415px; object-fit: contain;">
                                @else
                                    <x-pdf-inline-viewer :url="asset('storage/' . $research->proposal)" title="File Proposal" height="415px" />
                                @endif
                            @else
                                <div class="text-center py-3 text-muted">
                                    <i class="fa-solid fa-file-circle-xmark fa-2x mb-2 d-block text-danger"></i>
                                    File Proposal Tidak Tersedia
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
                @if ($form_opened || $research->research_type)
                    <div class="col-lg-6 col-12">
                        <div class="row g-3">
                            @if ($auth->hasAnyRole('dosen', 'mahasiswa', 'umum') && $form_opened)
                                <div class="col-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <div x-data="{ isUploading: false, progress: 0 }" x-on:livewire-upload-error="isUploading = false" x-on:livewire-upload-finish="isUploading = false" x-on:livewire-upload-progress="progress = $event.detail.progress" x-on:livewire-upload-start="isUploading = true">
                                                <div class="input-group">
                                                    <input {{ $form_opened ? '' : 'disabled' }} accept=".pdf,.png,.jpeg,.jpg,.webp" class="form-control" type="file" wire:model.live="proposal">
                                                    <button @if ($proposal) data-fancybox data-src="{{ $proposal?->temporaryUrl() }}" @else disabled @endif class="btn btn-{{ $proposal ? 'label-info' : 'secondary' }} btn-sm">Pratinjau <i class="fa-regular fa-eye fa-fw ms-2"></i></button>
                                                </div>
                                                <div x-show="isUploading">
                                                    <progress max="100" x-bind:value="progress"></progress>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            @if ($research->research_type)
                                <div class="col-12">
                                    <div class="card">
                                        <div class="card-header mb-2">
                                            <div class="d-flex align-items-center gap-3">
                                                <div>
                                                    <h5 class="card-title mb-0">Hasil Telaah</h5>
                                                </div>
                                                <div>
                                                    @if ($research->status != 'done' && $research->status != 'done' && $research_reviewer_status != 'done' && $auth->hasAnyRole('sekretaris', 'penelaah'))
                                                        <button class="btn btn-label-warning btn-sm" wire:click="addRevision('proposal')">Tambah Telaah <i class="fa-solid fa-circle-plus fa-fw ms-2"></i></button>
                                                    @endif
                                                    @if ($auth->hasAnyRole('dosen', 'mahasiswa', 'umum') && array_key_exists('proposal', $revisions) && count($revisions['proposal']))
                                                        @php
                                                            $filteredRevisions = array_filter($revisions['proposal'], 'checkStatus');
                                                            $count_new_and_still_wrong_revision = count($filteredRevisions);
                                                        @endphp
                                                        @if ($count_new_and_still_wrong_revision > 0)
                                                            <button class="btn btn-warning btn-sm" wire:click="updateAnswerConfirm('proposal')">Perbarui Jawaban <i class="fa-solid fa-pencil-alt fa-fw ms-2"></i></button>
                                                        @endif
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div class="row g-3">
                                                @if (array_key_exists('proposal', $revisions) && count($revisions['proposal']))
                                                    @foreach ($revisions['proposal'] as $key_revision => $revision)
                                                        <div class="col-12">
                                                            <div class="row row-cols-auto g-1">
                                                                <div class="col">
                                                                    <div style="width: 15px;">{{ $loop->iteration }}.</div>
                                                                </div>
                                                                <div class="col">
                                                                    <h5 class="fw-normal mb-1 text-black">{{ $revision['description'] }}</h5>
                                                                    <table>
                                                                        @if (!$auth->hasAnyRole('penelaah'))
                                                                            <tr>
                                                                                <td class="fw-semibold">Penelaah</td>
                                                                                <td class="px-2"> : </td>
                                                                                <td>{{ $auth->hasAnyRole('sekretaris', 'admin', 'ketua') ? $revision['reviewer_name'] : $loop->iteration }}</td>
                                                                            </tr>
                                                                        @endif
                                                                        <tr>
                                                                            <td class="fw-semibold">Status</td>
                                                                            <td class="px-2"> : </td>
                                                                            <td>
                                                                                @if ($revision['status'] == 'new')
                                                                                    <span class="badge rounded-pill bg-danger" style="font-size: 11px;">Belum Diperbaiki</span>
                                                                                @elseif($revision['status'] == 'need-a-check')
                                                                                    <span class="badge rounded-pill bg-warning" style="font-size: 11px;">Butuh Cek Penelaah</span>
                                                                                @elseif($revision['status'] == 'still-wrong')
                                                                                    <span class="badge rounded-pill bg-danger" style="font-size: 11px;">Jawaban Masih Salah</span>
                                                                                @elseif($revision['status'] == 'correct')
                                                                                    <span class="badge rounded-pill bg-success" style="font-size: 11px;">Benar</span>
                                                                                @endif
                                                                            </td>
                                                                            @if ($revision['status'] != 'correct' && $revision['reviewer_id'] == $auth->id)
                                                                                @if ($auth->hasAnyRole('sekretaris', 'admin', 'ketua', 'penelaah') && $revision['status'] == 'need-a-check')
                                                                                    <td class="ps-2"><i class="fa-solid fa-circle-xmark fa-fw text-danger cursor-pointer" wire:click="editStatusRevisionConfirm('proposal', {{ $key_revision }}, '{{ $revision['id'] }}', 'still-wrong')" x-data="{ tooltip: 'Jawaban Masih Belum Benar' }" x-tooltip="tooltip"></i></td>
                                                                                    <td class="ps-2"><i class="fa-solid fa-circle-check fa-fw text-success cursor-pointer" wire:click="editStatusRevisionConfirm('proposal', {{ $key_revision }}, '{{ $revision['id'] }}', 'correct')" x-data="{ tooltip: 'Jawaban Sudah Benar' }" x-tooltip="tooltip"></i></td>
                                                                                @endif
                                                                            @endif
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @else
                                                    <div class="col-12">-</div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                @endif
            </div>
        </div>
        @if ($research->informed_consent)
            <div class="col-12" x-show="tab == 'informed_consent'" x-transition>
                @php
                    $form_opened =
                        $auth->hasAnyRole('dosen', 'mahasiswa', 'umum') && $research->status != 'rejected'
                            ? (array_key_exists('informed-consent', $revisions) &&
                                    collect($revisions['informed-consent'])
                                        ->pluck('status')
                                        ->contains(function ($status) {
                                            return in_array($status, ['new', 'still-wrong']);
                                        })) ||
                                $research->status == 'awaiting-admin-verification'
                            : false;
                @endphp
                <div class="row g-3">
                    <div class="{{ $form_opened || $research->research_type ? 'col-lg-6 col-12' : 'col-12' }}">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h5 class="card-title mb-0">Informed Consent <i class="fa-solid fa-clock-rotate-left fa-fw text-warning ms-1 cursor-pointer" wire:click="answerHistory('informed-consent')" x-data="{ tooltip: 'Riwayat Informed Consent' }" x-tooltip="tooltip"></i></h5>
                                @if ($auth->hasAnyRole('admin', 'sekretaris', 'ketua') && in_array($research->status, ['unreviewed', 'under-review', 'revision']))
                                    <button class="btn btn-sm btn-label-warning" wire:click="openReuploadModal('informed-consent')" x-data="{ tooltip: 'Upload Ulang File Informed Consent' }" x-tooltip="tooltip">
                                        <i class="fa-solid fa-upload fa-fw me-1"></i> Upload Ulang
                                    </button>
                                @endif
                            </div>
                            <div class="card-body">
                                @if ($research->informed_consent)
                                    @php
                                        $ic_ext = strtolower(pathinfo($research->informed_consent, PATHINFO_EXTENSION));
                                        $is_image = in_array($ic_ext, ['jpg', 'jpeg', 'png', 'gif', 'webp']);
                                    @endphp
                                    @if ($is_image)
                                        <img src="{{ asset('storage/' . $research->informed_consent) }}" class="w-100 rounded" alt="Informed Consent" style="max-height: 415px; object-fit: contain;">
                                    @else
                                        <x-pdf-inline-viewer :url="asset('storage/' . $research->informed_consent)" title="File Informed Consent" height="415px" />
                                    @endif
                                @else
                                    <div class="text-center py-3 text-muted">
                                        <i class="fa-solid fa-file-circle-xmark fa-2x mb-2 d-block text-danger"></i>
                                        File Informed Consent Tidak Tersedia
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    @if ($form_opened || $research->research_type)
                        <div class="col-lg-6 col-12">
                            <div class="row g-3">
                                @if ($auth->hasAnyRole('dosen', 'mahasiswa', 'umum') && $form_opened)
                                    <div class="col-12">
                                        <div class="card">
                                            <div class="card-body">
                                                <div x-data="{ isUploading: false, progress: 0 }" x-on:livewire-upload-error="isUploading = false" x-on:livewire-upload-finish="isUploading = false" x-on:livewire-upload-progress="progress = $event.detail.progress" x-on:livewire-upload-start="isUploading = true">
                                                    <div class="input-group">
                                                        <input {{ $form_opened ? '' : 'disabled' }} accept=".pdf,.png,.jpeg,.jpg,.webp" class="form-control" type="file" wire:model.live="informed_consent">
                                                        <button @if ($informed_consent) data-fancybox data-src="{{ $informed_consent?->temporaryUrl() }}" @else disabled @endif class="btn btn-{{ $informed_consent ? 'label-info' : 'secondary' }} btn-sm">Pratinjau <i class="fa-regular fa-eye fa-fw ms-2"></i></button>
                                                    </div>
                                                    <div x-show="isUploading">
                                                        <progress max="100" x-bind:value="progress"></progress>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                @if ($research->research_type)
                                    <div class="col-12">
                                        <div class="card">
                                            <div class="card-header mb-2">
                                                <div class="d-flex align-items-center gap-3">
                                                    <div>
                                                        <h5 class="card-title mb-0">Hasil Telaah</h5>
                                                    </div>
                                                    <div>
                                                        @if ($research->status != 'done' && $research->status != 'done' && $research->status != 'done' && $research_reviewer_status != 'done' && $auth->hasAnyRole('sekretaris', 'penelaah') && $research->status != 'rejected')
                                                            <button class="btn btn-label-warning btn-sm" wire:click="addRevision('informed-consent')">Tambah Telaah <i class="fa-solid fa-circle-plus fa-fw ms-2"></i></button>
                                                        @endif
                                                        @if ($auth->hasAnyRole('dosen', 'mahasiswa', 'umum') && array_key_exists('informed-consent', $revisions) && count($revisions['informed-consent']) && $research->status != 'rejected')
                                                            @php
                                                                $filteredRevisions = array_filter($revisions['informed-consent'], 'checkStatus');
                                                                $count_new_and_still_wrong_revision = count($filteredRevisions);
                                                            @endphp
                                                            @if ($count_new_and_still_wrong_revision > 0)
                                                                <button class="btn btn-warning btn-sm" wire:click="updateAnswerConfirm('informed-consent')">Perbarui Jawaban <i class="fa-solid fa-pencil-alt fa-fw ms-2"></i></button>
                                                            @endif
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card-body">
                                                <div class="row g-3">
                                                    @if (array_key_exists('informed-consent', $revisions) && count($revisions['informed-consent']))
                                                        @foreach ($revisions['informed-consent'] as $key_revision => $revision)
                                                            <div class="col-12">
                                                                <div class="row row-cols-auto g-1">
                                                                    <div class="col">
                                                                        <div style="width: 15px;">{{ $loop->iteration }}.</div>
                                                                    </div>
                                                                    <div class="col">
                                                                        <h5 class="fw-normal mb-1 text-black">{{ $revision['description'] }}</h5>
                                                                        <table>
                                                                            @if (!$auth->hasAnyRole('penelaah'))
                                                                                <tr>
                                                                                    <td class="fw-semibold">Penelaah</td>
                                                                                    <td class="px-2"> : </td>
                                                                                    <td>{{ $auth->hasAnyRole('sekretaris', 'admin', 'ketua') ? $revision['reviewer_name'] : $loop->iteration }}</td>
                                                                                </tr>
                                                                            @endif
                                                                            <tr>
                                                                                <td class="fw-semibold">Status</td>
                                                                                <td class="px-2"> : </td>
                                                                                <td>
                                                                                    @if ($revision['status'] == 'new')
                                                                                        <span class="badge rounded-pill bg-danger" style="font-size: 11px;">Belum Diperbaiki</span>
                                                                                    @elseif($revision['status'] == 'need-a-check')
                                                                                        <span class="badge rounded-pill bg-warning" style="font-size: 11px;">Butuh Cek Penelaah</span>
                                                                                    @elseif($revision['status'] == 'still-wrong')
                                                                                        <span class="badge rounded-pill bg-danger" style="font-size: 11px;">Jawaban Masih Salah</span>
                                                                                    @elseif($revision['status'] == 'correct')
                                                                                        <span class="badge rounded-pill bg-success" style="font-size: 11px;">Selesai</span>
                                                                                    @endif
                                                                                </td>
                                                                                @if ($revision['status'] != 'correct' && $revision['reviewer_id'] == $auth->id && $research->status != 'rejected')
                                                                                    @if ($auth->hasAnyRole('dosen', 'mahasiswa', 'umum') && $revision['status'] == 'new')
                                                                                        <td class="ps-2"><i class="fa-solid fa-pencil-alt fa-fw text-warning cursor-pointer" wire:click="editStatusRevisionConfirm('informed-consent', {{ $key_revision }}, '{{ $revision['id'] }}')" x-data="{ tooltip: 'Jawaban Sudah Diperbaiki' }" x-tooltip="tooltip"></i></td>
                                                                                    @endif
                                                                                    @if ($auth->hasAnyRole('sekretaris', 'admin', 'ketua', 'penelaah') && $revision['status'] == 'need-a-check')
                                                                                        <td class="ps-2"><i class="fa-solid fa-circle-xmark fa-fw text-danger cursor-pointer" wire:click="editStatusRevisionConfirm('informed-consent', {{ $key_revision }}, '{{ $revision['id'] }}', 'still-wrong')" x-data="{ tooltip: 'Jawaban Masih Belum Benar' }" x-tooltip="tooltip"></i></td>
                                                                                        <td class="ps-2"><i class="fa-solid fa-circle-check fa-fw text-success cursor-pointer" wire:click="editStatusRevisionConfirm('informed-consent', {{ $key_revision }}, '{{ $revision['id'] }}', 'correct')" x-data="{ tooltip: 'Jawaban Sudah Benar' }" x-tooltip="tooltip"></i></td>
                                                                                    @endif
                                                                                @endif
                                                                            </tr>
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @else
                                                        <div class="col-12">-</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        @endif
        <div class="col-12" x-show="tab == 'research_data'" x-transition>
            <div class="row g-3">
                @if (($auth->hasAnyRole('admin') && $research->status == 'awaiting-admin-verification') || ($auth->hasAnyRole('sekretaris') && $research->status == 'awaiting-secretary-verification'))
                    <div class="col-12">
                        <div class="card">
                            <div class="alert alert-warning d-flex align-items-center mb-0">
                                <span class="alert-icon text-warning me-2">
                                    <i class="fa-solid fa-bell fa-fw"></i>
                                </span>
                                Silahkan Cek Protokol, Lalu Verifikasi Penelitian ini !
                            </div>
                        </div>
                    </div>
                @endif
                <div class="col-12" x-data="{ card_fullscreen: 'false' }">
                    <div :class="card_fullscreen ? 'card card-action' : 'card card-action card-fullscreen'">
                        <div class="card-header align-items-center gap-3">
                            <div>
                                <h5 class="card-title mb-0">Protokol</h5>
                            </div>
                            <div class="justify-content-end ms-auto text-end">
                                <div><i class="fa-solid fa-expand fa-fw cursor-pointer" x-on:click="card_fullscreen = ! card_fullscreen"></i></div>
                            </div>
                        </div>
                        <div class="card-body">
                            <ol class="mb-0" style="padding-left: 1.1rem;">
                                @foreach ($research_questions as $result)
                                    <li class="{{ !$loop->last ? 'mb-3' : '' }}">
                                        <p class="mb-1">{{ $result->title }}
                                            @if (array_key_exists($result->id, $research_answers) && count($research_answers[$result->id]['histories']))
                                                <i class="fa-solid fa-clock-rotate-left fa-fw text-warning ms-1 cursor-pointer" wire:click="answerHistory('{{ $result->id }}')" x-data="{ tooltip: 'Riwayat Jawaban' }" x-tooltip="tooltip"></i>
                                            @endif
                                        </p>
                                        @php
                                            $form_opened = $auth->hasAnyRole('dosen', 'mahasiswa', 'umum') && $research->status != 'rejected' ? (array_key_exists($result->id, $revisions) && (array_search('new', array_column($revisions[$result->id], 'status')) !== false || array_search('still-wrong', array_column($revisions[$result->id], 'status')) !== false)) || $research->status == 'awaiting-admin-verification' : false;
                                        @endphp
                                        @if (in_array($result->input_type, ['text', 'color', 'email', 'tel', 'time']))
                                            <input {{ $form_opened ? '' : 'disabled' }} class="form-control" maxlength="191" placeholder="Silahkan Isi Jawaban Disini..." type="{{ $result->input_type }}" wire:model.live="research_answers.{{ $result->id }}.answer">
                                        @elseif ($result->input_type == 'textarea')
                                            <textarea {{ $form_opened ? '' : 'disabled' }} class="form-control" placeholder="Silahkan Isi Jawaban Disini..." style="min-height: 100px; overflow-y: hidden; resize: vertical;" wire:model.live="research_answers.{{ $result->id }}.answer" x-data x-init="
                                                const resize = () => {
                                                    $el.style.height = 'auto';
                                                    $el.style.height = Math.max(100, $el.scrollHeight) + 'px';
                                                };
                                                $nextTick(resize);
                                                setTimeout(resize, 50);
                                                setTimeout(resize, 200);
                                                setTimeout(resize, 600);
                                                $watch('tab', () => { setTimeout(resize, 50); setTimeout(resize, 200); });
                                            " x-on:input="
                                                $el.style.height = 'auto';
                                                $el.style.height = Math.max(100, $el.scrollHeight) + 'px';
                                            ">{{ $research_answers[$result->id]['answer'] ?? '' }}</textarea>
                                        @elseif($result->input_type == 'radio')
                                            @foreach ($result->researchQuestionAnswers as $ans => $item)
                                                <div class="form-check {{ $loop->last ? 'mb-2' : 'mb-0' }}">
                                                    <input {{ $form_opened ? '' : 'disabled' }} class="form-check-input" id="{{ Str::slug($result->title, '_') }}_{{ Str::slug($item->answer, '_') }}_{{ $ans }}" name="research_answers.{{ $result->id }}.answer" type="radio" value="{{ $item->answer }}" wire:model.live="research_answers.{{ $result->id }}.answer">
                                                    <label class="form-check-label" for="{{ Str::slug($result->title, '_') }}_{{ Str::slug($item->answer, '_') }}_{{ $ans }}">{{ $item->answer }}</label>
                                                </div>
                                            @endforeach
                                        @elseif($result->input_type == 'checkbox')
                                            @foreach ($result->researchQuestionAnswers as $ans => $item)
                                                <div class="form-check {{ $loop->last ? 'mb-2' : 'mb-0' }}">
                                                    <input {{ $form_opened ? '' : 'disabled' }} class="form-check-input" id="{{ Str::slug($result->title, '_') }}_{{ Str::slug($item->answer, '_') }}_{{ $ans }}" name="research_answers.{{ $result->id }}.answer" type="checkbox" value="{{ $item->answer }}" wire:model.live="research_answers.{{ $result->id }}.answer">
                                                    <label class="form-check-label" for="{{ Str::slug($result->title, '_') }}_{{ Str::slug($item->answer, '_') }}_{{ $ans }}">{{ $item->answer }}</label>
                                                </div>
                                            @endforeach
                                        @elseif($result->input_type == 'date')
                                            <input {{ $form_opened ? '' : 'disabled' }} class="form-control" id="{{ Str::slug($result->title, '_') }}_{{ $ans }}" placeholder="DD/MM/YYYY" type="text" x-data x-init="$($refs.input).daterangepicker({
                                                showDropdowns: true,
                                                singleDatePicker: true,
                                                autoApply: true,
                                                autoUpdateInput: true,
                                                timePicker: false,
                                                startDate: '{{ !$research_answers[$result->id]['answer'] ? Carbon::now()->format('d/m/Y') : $research_answers[$result->id]['answer'] }}',
                                                locale: {
                                                    format: 'DD/MM/YYYY',
                                                    cancelLabel: 'Clear'
                                                },
                                            }).on('apply.daterangepicker', function(e, picker) {
                                                @this.set('research_answers.{{ $result->id }}.answer', $('#{{ Str::slug($result->title, '_') }}_{{ $ans }}').val());
                                                $('#{{ Str::slug($result->title, '_') }}_{{ $ans }}').val(picker.startDate.format('DD/MM/YYYY'));
                                            });" x-ref="input">
                                        @elseif($result->input_type == 'file')
                                            @php
                                                $is_file_or_old_file_available = array_key_exists($result->id, $research_answers) && ($research_answers[$result->id]['answer'] != null || $research_answers[$result->id]['old_file_uploaded'] != null);
                                                $file_path = $research_answers[$result->id]['old_file_uploaded'] ?? null;
                                                $file_ext = $file_path ? strtolower(pathinfo($file_path, PATHINFO_EXTENSION)) : null;
                                                $file_is_image = in_array($file_ext, ['jpg', 'jpeg', 'png', 'gif', 'webp']);
                                            @endphp
                                            @if ($auth->hasAnyRole('dosen', 'mahasiswa', 'umum'))
                                                <div x-data="{ isUploading: false, progress: 0 }" x-on:livewire-upload-error="isUploading = false" x-on:livewire-upload-finish="isUploading = false" x-on:livewire-upload-progress="progress = $event.detail.progress" x-on:livewire-upload-start="isUploading = true">
                                                    <div class="input-group">
                                                        <input {{ $form_opened ? '' : 'disabled' }} accept=".pdf,.png,.jpeg,.jpg,.webp" class="form-control" type="file" wire:model.live="research_answers.{{ $result->id }}.answer">
                                                        <button @if ($is_file_or_old_file_available) data-fancybox data-src="{{ $research_answers[$result->id]['answer']?->temporaryUrl() ?? asset('storage/' . $research_answers[$result->id]['old_file_uploaded']) }}" @else disabled @endif class="btn btn-{{ $is_file_or_old_file_available ? 'label-info' : 'secondary' }} btn-sm">Pratinjau <i class="fa-regular fa-eye fa-fw ms-2"></i></button>
                                                    </div>
                                                    <div x-show="isUploading">
                                                        <progress max="100" x-bind:value="progress"></progress>
                                                    </div>
                                                    {{-- Preview file yang sudah ada di storage --}}
                                                    @if (!$research_answers[$result->id]['answer'] && $file_path)
                                                        <div class="mt-2">
                                                            @if ($file_is_image)
                                                                <img src="{{ asset('storage/' . $file_path) }}" class="w-100 rounded" alt="Preview" style="max-height: 300px; object-fit: contain;">
                                                            @else
                                                                <x-pdf-inline-viewer :url="asset('storage/' . $file_path)" :title="'Dokumen Jawaban - ' . $result->title" height="300px" />
                                                            @endif
                                                        </div>
                                                    @endif
                                                </div>
                                            @else
                                                <div class="d-flex align-items-center gap-2 flex-wrap mb-2">
                                                    <button @if ($is_file_or_old_file_available) data-fancybox data-src="{{ $research_answers[$result->id]['answer']?->temporaryUrl() ?? asset('storage/' . $research_answers[$result->id]['old_file_uploaded']) }}" @else disabled @endif class="btn btn-{{ $is_file_or_old_file_available ? 'label-info' : 'secondary' }} btn-sm">Pratinjau <i class="fa-regular fa-eye fa-fw ms-2"></i></button>
                                                    @if ($auth->hasAnyRole('admin', 'sekretaris', 'ketua') && in_array($research->status, ['unreviewed', 'under-review', 'revision']))
                                                        <button class="btn btn-sm btn-label-warning" wire:click="openReuploadModal('{{ $result->id }}')" x-data="{ tooltip: 'Upload Ulang File Ini' }" x-tooltip="tooltip">
                                                            <i class="fa-solid fa-upload fa-fw me-1"></i> Upload Ulang
                                                        </button>
                                                    @endif
                                                </div>
                                                @if ($file_path)
                                                    @if ($file_is_image)
                                                        <img src="{{ asset('storage/' . $file_path) }}" class="w-100 rounded" alt="Preview" style="max-height: 300px; object-fit: contain;">
                                                    @else
                                                        <x-pdf-inline-viewer :url="asset('storage/' . $file_path)" :title="'Dokumen Jawaban - ' . $result->title" height="300px" />
                                                    @endif
                                                @endif
                                            @endif
                                        @endif
                                        @if ($result->input_type != 'command' && $research->research_type)
                                            <div class="row g-3 mt-1">
                                                <div class="{{ $auth->hasAnyRole('admin', 'sekretaris', 'penelaah') ? 'col-lg-6 col-12' : 'col-12' }}">
                                                    <div class="d-flex align-items-center mb-2 gap-3">
                                                        <div>
                                                            <h4 class="fw-semibold mb-0 text-black">Hasil Telaah</h4>
                                                        </div>
                                                        <div>
                                                            @if (!(array_key_exists($result->id, $correcteds) && array_search($auth->id, array_column($correcteds[$result->id], 'reviewer_id')) !== false))
                                                                @if ($research->status != 'done' && $research->status != 'rejected' && $research_reviewer_status != 'done' && $auth->hasAnyRole('sekretaris', 'penelaah'))
                                                                    <button class="btn btn-label-warning btn-sm" wire:click="addRevision('{{ $result->id }}')">Tambah Telaah <i class="fa-solid fa-circle-plus fa-fw ms-2"></i></button>
                                                                @endif
                                                                @if ($research->status != 'rejected' && $auth->hasAnyRole('dosen', 'mahasiswa', 'umum') && array_key_exists($result->id, $revisions) && count($revisions[$result->id]))
                                                                    @php
                                                                        $filteredRevisions = array_filter($revisions[$result->id], 'checkStatus');
                                                                        $count_new_and_still_wrong_revision = count($filteredRevisions);
                                                                    @endphp
                                                                    @if ($count_new_and_still_wrong_revision > 0)
                                                                        <button class="btn btn-warning btn-sm" wire:click="updateAnswerConfirm('{{ $result->id }}')">Perbarui Jawaban <i class="fa-solid fa-pencil-alt fa-fw ms-2"></i></button>
                                                                    @endif
                                                                @endif
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="row g-3">
                                                        @if (array_key_exists($result->id, $revisions) && count($revisions[$result->id]))
                                                            @foreach ($revisions[$result->id] as $key_revision => $revision)
                                                                <div class="col-12">
                                                                    <div>
                                                                        <h6 class="fw-normal mb-1 text-black">{{ $loop->iteration }}. {{ $revision['description'] }}</h6>
                                                                    </div>
                                                                    <table>
                                                                        @if (!$auth->hasAnyRole('penelaah'))
                                                                            <tr>
                                                                                <td class="fw-semibold">Penelaah</td>
                                                                                <td class="px-2"> : </td>
                                                                                <td><small>{{ $auth->hasAnyRole('sekretaris', 'admin', 'ketua') ? $revision['reviewer_name'] : $loop->iteration }}</small></td>
                                                                            </tr>
                                                                        @endif
                                                                        <tr>
                                                                            <td class="fw-semibold">Status</td>
                                                                            <td class="px-2"> : </td>
                                                                            <td>
                                                                                <small>
                                                                                    @if ($revision['status'] == 'new')
                                                                                        <span class="badge rounded-pill bg-danger">Belum Diperbaiki</span>
                                                                                    @elseif($revision['status'] == 'need-a-check')
                                                                                        <span class="badge rounded-pill bg-warning">Butuh Cek Penelaah</span>
                                                                                    @elseif($revision['status'] == 'still-wrong')
                                                                                        <span class="badge rounded-pill bg-danger">Jawaban Masih Salah</span>
                                                                                    @elseif($revision['status'] == 'correct')
                                                                                        <span class="badge rounded-pill bg-success">Selesai</span>
                                                                                    @endif
                                                                                </small>
                                                                            </td>
                                                                            @if (!(array_key_exists($result->id, $correcteds) && array_search($auth->id, array_column($correcteds[$result->id], 'reviewer_id')) !== false) && $revision['status'] != 'correct' && $revision['reviewer_id'] == $auth->id && $auth->hasAnyRole('sekretaris', 'admin', 'ketua', 'penelaah') && $revision['status'] == 'need-a-check' && $research->status != 'rejected')
                                                                                <td class="ps-2"><i class="fa-solid fa-circle-xmark fa-fw text-danger cursor-pointer" wire:click="editStatusRevisionConfirm('{{ $result->id }}', {{ $key_revision }}, '{{ $revision['id'] }}', 'still-wrong')" x-data="{ tooltip: 'Jawaban Masih Belum Benar' }" x-tooltip="tooltip"></i></td>
                                                                                <td class="ps-2"><i class="fa-solid fa-circle-check fa-fw text-success cursor-pointer" wire:click="editStatusRevisionConfirm('{{ $result->id }}', {{ $key_revision }}, '{{ $revision['id'] }}', 'correct')" x-data="{ tooltip: 'Jawaban Sudah Benar' }" x-tooltip="tooltip"></i></td>
                                                                            @endif
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            @endforeach
                                                        @else
                                                            <div class="col-12 text-muted">Tidak Ada Permintaan Revisi</div>
                                                        @endif
                                                    </div>
                                                </div>
                                                @if ($auth->hasAnyRole('penelaah') && !in_array($research->status, ['done', 'rejected']))
                                                    <div class="col-lg-6 col-12">
                                                        @if (array_key_exists($result->id, $correcteds) && array_search($auth->id, array_column($correcteds[$result->id], 'reviewer_id')) !== false)
                                                            <div class="text-end">
                                                                <span class="badge rounded-pill bg-success">Sudah Koreksi <i class="fa-solid fa-circle-check fa-fw ms-2"></i></span>
                                                                @if ($research->status != 'rejected')
                                                                    <button class="btn btn-danger btn-sm" wire:click="cancelCorrected('{{ $result->id }}')">Batal <i class="fa-solid fa-circle-xmark fa-fw ms-2"></i></button>
                                                                @endif
                                                            </div>
                                                        @else
                                                            @php
                                                                $revision_statuses = array_key_exists($result->id, $revisions) && count($revisions[$result->id]) ? array_column($revisions[$result->id], 'status') : [];
                                                                if (count($revision_statuses)) {
                                                                    $is_new_status_available = array_search('new', $revision_statuses);
                                                                    $is_need_a_check_status_available = array_search('need-a-check', $revision_statuses);
                                                                    $is_still_wrong_status_available = array_search('still-wrong', $revision_statuses);
                                                                    $is_not_correct_available = $is_new_status_available !== false || $is_need_a_check_status_available !== false || $is_still_wrong_status_available !== false ? 1 : 0;
                                                                }
                                                            @endphp
                                                            @if (((count($revision_statuses) && !$is_not_correct_available) || count($revision_statuses) == 0) && $research->status != 'rejected')
                                                                <div class="row g-3 align-items-center row-cols-auto justify-content-end">
                                                                    <div class="col text-end">
                                                                        <h4 class="fw-semibold mb-0 mb-0 text-black">Selesai Koreksi ?</h4>
                                                                    </div>
                                                                    <div class="col text-end">
                                                                        <button class="btn btn-success btn-sm" wire:click="corrected('{{ $result->id }}')" wire:loading.attr="disabled"><i class="fa-solid fa-circle-check fa-fw"></i></button>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        @endif
                                                    </div>
                                                @endif
                                                @if ($auth->hasAnyRole('admin', 'sekretaris'))
                                                    @if (!in_array($research->status, ['done', 'rejected']) && array_key_exists($result->id, $correcteds) && count($correcteds[$result->id]))
                                                        <div class="col-lg-6 col-12">
                                                            <h4 class="fw-semibold mb-0 mb-2 text-black">Penelaah Sudah Koreksi</h4>
                                                            <div class="row g-2 row-cols-auto">
                                                                @if (array_key_exists($result->id, $correcteds) && count($correcteds[$result->id]))
                                                                    @forelse ($correcteds[$result->id] as $corrected)
                                                                        <div class="col"><i class="fa-solid fa-user-graduate fa-fw text-success" x-data="{ tooltip: '{{ $auth->hasAnyRole('admin', 'sekretaris') ? $corrected['reviewer_name'] : 'Peneliti ' . $loop->iteration }}' }" x-tooltip="tooltip"></i></div>
                                                                    @empty
                                                                        <div class="col text-muted">Belum Dapat Koreksi</div>
                                                                    @endforelse
                                                                @else
                                                                    <div class="col-12 text-muted">Belum Dapat Koreksi</div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    @endif
                                                @endif
                                            </div>
                                        @endif
                                    </li>
                                @endforeach
                            </ol>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        @if ($system_setting_cached->is_use_self_assessment)
            <div class="col-12" x-show="tab == 'self_assessment'" x-transition>
                <div class="row g-3">
                    <div class="col-12" x-data="{ card_fullscreen: 'false' }">
                        <div :class="card_fullscreen ? 'card card-action' : 'card card-action card-fullscreen'">
                            <div class="card-header align-items-center gap-3">
                                <div>
                                    <h5 class="card-title mb-0">Self Assessment</h5>
                                </div>
                                <div class="justify-content-end ms-auto text-end">
                                    <div><i class="fa-solid fa-expand fa-fw cursor-pointer" x-on:click="card_fullscreen = ! card_fullscreen"></i></div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row g-3" x-data="{ section: '{{ array_key_first($research_self_assessments) }}' }">
                                    <div class="col-12">
                                        <div class="d-flex align-items-center mb-3 gap-3 pb-3" style="overflow-x: auto;white-space:nowrap;">
                                            @foreach ($research_self_assessments as $key => $section)
                                                <div class="cursor-pointer text-center" x-on:click="section = '{{ $key }}'">
                                                    <center style="min-width: 100px;">
                                                        <div :class="section == '{{ $key }}' ? 'custom-badge active' : 'custom-badge'">{{ $loop->iteration }}</div>
                                                        <p class="fw-semibold mb-0 pt-2" style="color: black;">{{ $section['title'] ?? 'Belum Ada Judul' }}</p>
                                                    </center>
                                                </div>
                                                @if (!$loop->last)
                                                    <div class="text-center">
                                                        <i class="fa-regular fa-chevron-right fa-fw"></i>
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                    @foreach ($research_self_assessments as $key => $section)
                                        <div class="col-12" x-show="section == '{{ $key }}'" x-transition>
                                            <div class="mb-3">
                                                <small class="card-text text-uppercase">Judul Bagian</small>
                                                <h3 class="fw-bold mb-0 text-black">{{ $section['title'] }}</h3>
                                            </div>
                                            <table class="table-bordered table" style="white-space: initial;">
                                                <thead class="table-light">
                                                    <tr>
                                                        <th class="text-center">#</th>
                                                        <th colspan="3">Pertanyaan</th>
                                                        <th class="text-center" style="width: 202px;">Jawaban</th>
                                                    </tr>
                                                </thead>
                                                <tbody class="tbody-self-assessment">
                                                    @foreach ($section['questions'] as $index => $question)
                                                        <tr>
                                                            <td class="text-center align-top" rowspan="{{ count($question['details']) + 1 }}">{{ $key + 1 }}.{{ $index + 1 }}</td>
                                                            <td colspan="3">
                                                                <p class="mb-0">{!! $question['question'] !!}</p>
                                                            </td>
                                                            <td class="text-center">
                                                                <div class="form-check form-check-inline">
                                                                    <input class="form-check-input" disabled id="is-true-{{ $question['self_assessment_question_id'] }}-yes" name="research_self_assessments.{{ $key }}.questions.{{ $index }}.is_true" type="radio" value="1" wire:model="research_self_assessments.{{ $key }}.questions.{{ $index }}.is_true">
                                                                    <label class="form-check-label" for="is-true-{{ $question['self_assessment_question_id'] }}-yes">Ya</label>
                                                                </div>
                                                                <div class="form-check form-check-inline">
                                                                    <input class="form-check-input" disabled id="is-true-{{ $question['self_assessment_question_id'] }}-no" name="research_self_assessments.{{ $key }}.questions.{{ $index }}.is_true" type="radio" value="0" wire:model="research_self_assessments.{{ $key }}.questions.{{ $index }}.is_true">
                                                                    <label class="form-check-label" for="is-true-{{ $question['self_assessment_question_id'] }}-no">Tidak</label>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        @foreach ($question['details'] as $detail_key => $detail_question)
                                                            <tr>
                                                                <td class="text-center align-top">{{ $key + 1 }}.{{ $index + 1 }}.{{ $detail_key + 1 }}</td>
                                                                <td colspan="2">
                                                                    <p class="mb-0">{!! $detail_question['question'] !!}</p>
                                                                </td>
                                                                <td class="text-center">
                                                                    <div class="form-check form-check-inline">
                                                                        <input class="form-check-input" disabled id="answer-{{ $detail_question['self_assessment_question_id'] }}-yes" name="research_self_assessments.{{ $key }}.questions.{{ $index }}.details.{{ $detail_key }}.is_true" type="radio" value="1" wire:model="research_self_assessments.{{ $key }}.questions.{{ $index }}.details.{{ $detail_key }}.is_true">
                                                                        <label class="form-check-label" for="answer-{{ $detail_question['self_assessment_question_id'] }}-yes">Ya</label>
                                                                    </div>
                                                                    <div class="form-check form-check-inline">
                                                                        <input class="form-check-input" disabled id="answer-{{ $detail_question['self_assessment_question_id'] }}-no" name="research_self_assessments.{{ $key }}.questions.{{ $index }}.details.{{ $detail_key }}.is_true" type="radio" value="0" wire:model="research_self_assessments.{{ $key }}.questions.{{ $index }}.details.{{ $detail_key }}.is_true">
                                                                        <label class="form-check-label" for="answer-{{ $detail_question['self_assessment_question_id'] }}-no">Tidak</label>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if ($auth->hasAnyRole('sekretaris') && $research->status == 'awaiting-secretary-verification' && !$need_replace_reviewer)
            <div class="col-12" x-show="tab == 'verification'" x-transition>
                <div class="row g-3">
                    <div class="col-12">
                        <h5 class="fw-semibold mb-2">PILIH TIPE PENELITIAN</h5>
                        @php
                            $research_types = json_decode($system_setting_cached->research_types);
                        @endphp
                        <div class="row g-3">
                            <div class="col-12 {{ count($research_types) == 3 ? 'col-lg-4' : 'col-lg-6' }}">
                                <div @if ($research->status == 'awaiting-secretary-verification') wire:click="chooseResearchTypeConfirm('full-board')" @endif class="card {{ $research->status == 'awaiting-secretary-verification' ? 'cursor-pointer' : null }} border shadow-none" style="background-color: {{ $research_type == 'full-board' ? '#aae0fb' : '#d3dbe8' }};">
                                    <div class="card-body position-relative overflow-hidden">
                                        <h4 class="mb-0">Full Board</h4>
                                        <div class="position-absolute" style="right: -17px;top: -10px;">
                                            <i class="fa-solid fa-people-group fa-7x {{ $research_type == 'full-board' ? 'text-primary' : 'text-secondary' }}"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 {{ count($research_types) == 3 ? 'col-lg-4' : 'col-lg-6' }}">
                                <div @if ($research->status == 'awaiting-secretary-verification') wire:click="chooseResearchTypeConfirm('expedited')" @endif class="card {{ $research->status == 'awaiting-secretary-verification' ? 'cursor-pointer' : null }} border shadow-none" style="background-color: {{ $research_type == 'expedited' ? '#ffddbe' : '#d3dbe8' }};">
                                    <div class="card-body position-relative overflow-hidden">
                                        <h4 class="mb-0">Expedited</h4>
                                        <div class="position-absolute" style="right: -20px;top: -15px;">
                                            <i class="fa-solid fa-user-group fa-7x {{ $research_type == 'expedited' ? 'text-warning' : 'text-secondary' }}"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if (count($research_types) == 3)
                                <div class="col-12 col-lg-4">
                                    <div @if ($research->status == 'awaiting-secretary-verification') wire:click="chooseResearchTypeConfirm('exempted')" @endif class="card {{ $research->status == 'awaiting-secretary-verification' ? 'cursor-pointer' : null }} border shadow-none" style="background-color: {{ $research_type == 'exempted' ? '#a2fcca' : '#d3dbe8' }};">
                                        <div class="card-body position-relative overflow-hidden">
                                            <h4 class="mb-0">Exempted</h4>
                                            <div class="position-absolute" style="right: -20px;top: -15px;">
                                                <i class="fa-solid fa-circle-check fa-7x {{ $research_type == 'exempted' ? 'text-success' : 'text-secondary' }}"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                    @if (in_array($research_type, ['full-board', 'expedited']))
                        @php
                            $reviewers = User::role('penelaah');
                        @endphp
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row align-items-center g-3 mb-2">
                                        <div class="col-6">
                                            <p class="fw-semibold">PILIH PENELAAH</p>
                                        </div>
                                        @php
                                            $count_reviewers = (clone $reviewers)->count();
                                        @endphp
                                        <div class="col-6 text-end" wire:key="{{ rand() }}">
                                            <button @if (count($reviewer_chooseds) != $count_reviewers) wire:click="addReviewer()" @else disabled @endif class="btn btn-{{ count($reviewer_chooseds) == $count_reviewers ? 'secondary' : 'label-success' }} btn-sm"><i class="fa-solid fa-circle-plus fa-fw"></i></button>
                                        </div>
                                    </div>
                                    <div class="row g-3">
                                        @foreach ($reviewer_chooseds as $key => $result)
                                            <div class="col-12 col-lg-4">
                                                <div class="form-label">Penelaah {{ $key + 1 }}
                                                    @if (config('app.name') != 'SIMETIK_FK_TRISAKTI' ? $key <= 1 : $key == 0)
                                                        <span class="text-danger">*Wajib Pilih</span>
                                                    @endif
                                                </div>
                                                @php
                                                    $reviewer_inserted = [];

                                                    foreach ($reviewer_chooseds as $item) {
                                                        if ($item['id'] !== null) {
                                                            $reviewer_inserted[] = $item['id'];
                                                        }
                                                    }

                                                    unset($reviewer_inserted[$key]);

                                                    $get_reviewers = (clone $reviewers)
                                                        ->whereNotIn('id', $reviewer_inserted)
                                                        ->orderBy('name', 'asc')
                                                        ->get(['id', 'name']);
                                                @endphp
                                                <div>
                                                    <div class="row g-3">
                                                        <div class="{{ $key > 1 ? 'col-10' : 'col-12' }}">
                                                            <div wire:key="{{ rand() }}">
                                                                <select id="reviewer_chooseds_{{ $key }}_id" wire:model.live="reviewer_chooseds.{{ $key }}.id" x-data x-init="$($refs.input).selectize({
                                                                    dropdownParent: 'body',
                                                                    onChange: function(e) {
                                                                        @this.set('reviewer_chooseds.{{ $key }}.id', $('#reviewer_chooseds_{{ $key }}_id').val());
                                                                    }
                                                                });" x-ref="input">
                                                                    <option value="">-- Pilih Penelaah --</option>
                                                                    @foreach ($get_reviewers as $item)
                                                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        @if ($key > 1)
                                                            <div class="col-2">
                                                                <button class="btn btn-label-danger btn-sm w-100" wire:click="deleteReviewerConfirm('{{ $key }}')"><i class="fa-solid fa-trash-alt fa-fw"></i></button>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                        @if ($research_type == 'full-board')
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <p class="fw-semibold mb-2">Jadwal Rapat Full Board</p>
                                        <div wire:key="{{ rand() }}">
                                            <div class="input-group">
                                                <input class="form-control" id="meeting_schedule" placeholder="DD/MM/YYYY HH:mm" type="text" x-data x-init="$($refs.input).daterangepicker({
                                                    showDropdowns: true,
                                                    singleDatePicker: true,
                                                    autoApply: true,
                                                    autoUpdateInput: true,
                                                    timePicker: true,
                                                    timePicker24Hour: true,
                                                    startDate: '{{ !$meeting_schedule ? Carbon::now()->format('d/m/Y H:i') : Carbon::createFromFormat('d/m/Y H:i', $meeting_schedule)->format('d/m/Y H:i') }}',
                                                    minDate: '{{ !$meeting_schedule ? Carbon::now()->format('d/m/Y H:i') : Carbon::createFromFormat('d/m/Y H:i', $meeting_schedule)->subDay()->format('d/m/Y H:i') }}',
                                                    locale: {
                                                        format: 'DD/MM/YYYY HH:mm',
                                                        cancelLabel: 'Clear'
                                                    },
                                                }).on('apply.daterangepicker', function(e, picker) {
                                                    @this.meeting_schedule = picker.startDate.format('DD/MM/YYYY HH:mm');
                                                    $('#meeting_schedule').val(picker.startDate.format('DD/MM/YYYY HH:mm'));
                                                });" x-ref="input">
                                                <span class="input-group-text">WIB</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endif
                    <div class="col-12 text-end" wire:key="{{ rand() }}">
                        {{-- <button class="btn btn-danger" wire:click="rejectConfirm()" wire:loading.attr="disabled">Tolak Penelitian <i class="fa-solid fa-circle-xmark fa-fw ms-2"></i></button> --}}
                        <button @if ($research_type) wire:click="secretaryVerificationConfirm()" @else disabled @endif class="btn btn-{{ $research_type ? 'success' : 'secondary' }}" wire:loading.attr="disabled">Verifikasi Penelitian <i class="fa-solid fa-circle-check fa-fw ms-2"></i></button>
                    </div>
                </div>
            </div>
        @endif
        @if ($need_replace_reviewer)
            <div class="col-12" x-show="tab == 'change-reviewer'" x-transition>
                <div class="row g-3">
                    @php
                        $reviewers = User::role('penelaah');
                    @endphp
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row align-items-center g-3 mb-2">
                                    <div class="col-6">
                                        <p class="fw-semibold">PILIH PENELAAH BARU</p>
                                    </div>
                                </div>
                                <div class="row g-3">
                                    @foreach ($new_reviewers as $key => $result)
                                        <div class="col-12 col-lg-4">
                                            <div class="form-label">Penelaah {{ $key + 1 }}
                                                @if ($key <= 1)
                                                    <span class="text-danger">*Wajib Pilih</span>
                                                @endif
                                            </div>
                                            @php
                                                $reviewer_inserted = [];

                                                foreach ($new_reviewers as $item) {
                                                    if ($item['id'] !== null) {
                                                        $reviewer_inserted[] = $item['id'];
                                                    }
                                                }

                                                unset($reviewer_inserted[$key]);

                                                $reviewer_inserted = array_merge($reviewer_inserted, $reviewer_choosed_befores);

                                                $get_reviewers = (clone $reviewers)
                                                    ->whereNotIn('id', $reviewer_inserted)
                                                    ->orderBy('name', 'asc')
                                                    ->get(['id', 'name']);
                                            @endphp
                                            <div>
                                                <div class="row g-3">
                                                    <div class="{{ $key > 1 ? 'col-10' : 'col-12' }}">
                                                        <div wire:key="new-{{ rand() }}">
                                                            <select id="new_reviewers_{{ $key }}_id" wire:model="new_reviewers.{{ $key }}.id" x-data x-init="$($refs.input).selectize({
                                                                dropdownParent: 'body',
                                                                onChange: function(e) {
                                                                    @this.set('new_reviewers.{{ $key }}.id', $('#new_reviewers_{{ $key }}_id').val());
                                                                }
                                                            });" x-ref="input">
                                                                <option value="">-- Pilih Penelaah --</option>
                                                                @foreach ($get_reviewers as $item)
                                                                    <option value="{{ $item->id }}">{{ $item->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 text-end" wire:key="{{ rand() }}">
                        <button class="btn btn-success" wire:click="chooseReviewer()" wire:loading.attr="disabled">Pilih Penelaah <i class="fa-solid fa-circle-check fa-fw ms-2"></i></button>
                    </div>
                </div>
            </div>
        @endif
        <div class="col-12" x-show="tab == 'detail'" x-transition>
            <div class="row g-3">
                <div class="col-12">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="text-center">
                                <p class="mb-2">Judul Penelitian</p>
                                <h4 class="fw-bold text-uppercase mb-0">{{ $research->research_title ?? '-' }}</h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-12">
                    <div class="card h-100">
                        <div class="card-body">
                            <p class="mb-2">Nomor Penelitian</p>
                            <h4 class="fw-bold mb-0">{{ $research->number ?? 'Belum Tersedia' }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-12">
                    <div class="card h-100">
                        <div class="card-body">
                            <p class="mb-2">Tanggal Penelitian</p>
                            <h4 class="fw-bold mb-0">{{ $research->research_start_date->format('d/m/Y') . '-' . $research->research_end_date->format('d/m/Y') }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-12">
                    <div class="card h-100">
                        <div class="card-body">
                            <p class="mb-2">TANGGAL PENGAJUAN</p>
                            <h4 class="fw-bold mb-0">{{ $research->created_at->format('d/m/Y H:i:s') }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-12">
                    <div class="card h-100">
                        <div class="card-body">
                            <p class="mb-2">Kategori Penelitian</p>
                            <h4 class="fw-bold mb-0">{{ $research->researchCategory?->name ?? '-' }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-12">
                    <div class="card h-100">
                        <div class="card-body">
                            <p class="mb-2">Tempat Penelitian</p>
                            <h4 class="fw-bold mb-0">{{ $research->research_place ?? '-' }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-12">
                    <div class="card h-100">
                        <div class="card-body">
                            <p class="mb-2">STATUS PENELITIAN</p>
                            @if ($research->status == 'awaiting-admin-verification')
                                <h4 class="fw-bold mb-0">Menunggu Verifikasi Admin</h4>
                            @elseif($research->status == 'awaiting-secretary-verification')
                                <h4 class="fw-bold mb-0">Menunggu Verifikasi Sekretaris</h4>
                            @elseif($research->status == 'unreviewed')
                                <h4 class="fw-bold mb-0">Belum Ditinjau Penelaah</h4>
                            @elseif($research->status == 'under-review')
                                <h4 class="fw-bold mb-0">Sedang Ditinjau Penelaah</h4>
                            @elseif($research->status == 'revision')
                                <h4 class="fw-bold mb-0">Direvisi</h4>
                            @elseif($research->status == 'done')
                                <h4 class="fw-bold mb-0">Selesai</h4>
                            @elseif($research->status == 'rejected')
                                <h4 class="fw-bold mb-0">Ditolak</h4>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-12">
                    <div class="card h-100">
                        <div class="card-body">
                            <p class="mb-2">TIPE PENELITIAN</p>
                            @if ($research->research_type)
                                @if ($research->research_type == 'full-board')
                                    <h4 class="fw-bold mb-0">Full Board</h4>
                                    @if ($research->fullBoardMeetingSchedule)
                                        <h6 class="mb-0">Tgl Meeting : {{ $research->fullBoardMeetingSchedule->datetime->format('d/m/Y H:i') }}</h6>
                                    @endif
                                @elseif($research->research_type == 'expedited')
                                    <h4 class="fw-bold mb-0">Expedited</h4>
                                @else
                                    -
                                @endif
                            @else
                                <p class="text-muted mb-0">Belum Dipilih Sekretaris</p>
                            @endif
                        </div>
                    </div>
                </div>
                @if (count($research->researchReviewers))
                    <div class="col-12">
                        <div class="d-flex align-items-center justify-content-between">
                            <h5 class="fw-semibold mb-0 ms-2">DAFTAR PENELAAH</h5>
                            @if ($auth->hasAnyRole(['admin', 'sekretaris']) && in_array($research->status, ['unreviewed', 'under-review', 'revision']))
                                <button class="btn btn-success btn-sm" type="button" wire:click="showAddReviewerModal()">
                                    <i class="fa-solid fa-plus me-1"></i> Tambah Penelaah
                                </button>
                            @endif
                        </div>
                    </div>
                @else
                    @if ($auth->hasAnyRole(['admin', 'sekretaris']) && in_array($research->status, ['unreviewed', 'under-review', 'revision']))
                        <div class="col-12">
                            <div class="d-flex align-items-center justify-content-between">
                                <h5 class="fw-semibold mb-0 ms-2">DAFTAR PENELAAH</h5>
                                <button class="btn btn-success btn-sm" type="button" wire:click="showAddReviewerModal()">
                                    <i class="fa-solid fa-plus me-1"></i> Tambah Penelaah
                                </button>
                            </div>
                        </div>
                    @endif
                @endif
                @forelse ($research->researchReviewers as $reviewer)
                    <div class="col-lg-4 col-12">
                        <div class="card h-100">
                            <div class="card-body">
                                <div class="d-flex align-items-center gap-3">
                                    <div>
                                        <p class="mb-0">PENELAAH {{ $loop->iteration }}</p>
                                    </div>
                                    <div class="d-flex align-items-center ms-auto gap-2">
                                        @if ($auth->hasAnyRole(['admin', 'sekretaris']) && in_array($research->status, ['unreviewed', 'under-review', 'revision']) && in_array($reviewer->status, ['unreviewed', 'under-review', 'revision']))
                                            <button class="btn btn-label-danger btn-sm" title="Hapus Penelaah" type="button" wire:click="deleteResearchReviewerConfirm('{{ $reviewer->id }}')">
                                                <i class="fa-solid fa-trash-alt"></i>
                                            </button>
                                        @endif

                                        @if ($reviewer->status == 'unreviewed')
                                            <span class="badge rounded-pill bg-secondary" style="font-size: 11px;">Belum Ditinjau</span>
                                        @elseif ($reviewer->status == 'under-review')
                                            <span class="badge rounded-pill bg-warning" style="font-size: 11px;">Sedang Ditinjau</span>
                                        @elseif ($reviewer->status == 'revision')
                                            <span class="badge rounded-pill bg-danger" style="font-size: 11px;">Revisi</span>
                                        @elseif ($reviewer->status == 'done')
                                            <span class="badge rounded-pill bg-success" style="font-size: 11px;">Selesai</span>
                                        @endif
                                    </div>
                                </div>
                                @if ($reviewer->reviewer_id)
                                    @if ($auth->hasAnyRole('sekretaris', 'admin', 'ketua'))
                                        <h6 class="fw-bold mb-0 mt-2">{{ $reviewer->user?->name }}</h6>
                                    @elseif($auth->id == $reviewer->reviewer_id)
                                        <h6 class="fw-bold mb-0 mt-2">{{ $reviewer->user?->name }}</h6>
                                    @else
                                        <h6 class="fw-bold mb-0 mt-2">**********</h6>
                                    @endif
                                @else
                                    <h6 class="mb-0 mt-2">Belum Ada Penelaah (Perlu Diberi Reviewer)</h6>
                                @endif
                            </div>
                        </div>
                    </div>
                @empty
                @endforelse
            </div>
        </div>
        @if ($research->status == 'done' && $system_setting_cached->is_use_amendment && !$research->amandment_id)
            <div class="col-12" x-show="tab == 'amendment'" x-transition>
                <div class="row g-3 align-items-center">
                    <div class="col-lg-6 col-12">
                        <h4 class="fw-bold mb-0 text-black">Amandemen</h4>
                    </div>
                    <div class="col-lg-6 col-12 text-end">
                        <button class="btn btn-success" wire:click="addAmendment()">Tambah <i class="fa-solid fa-circle-plus fa-fw ms-2"></i></button>
                    </div>
                    <div class="col-12">
                        <div class="card">
                            <div class="table-responsive scrollbar-x">
                                <table class="table-bordered table">
                                    <thead class="table-light">
                                        <tr>
                                            <th class="text-center">NO</th>
                                            <th class="text-center">Dibuat Tgl</th>
                                            <th>Judul Penelitian</th>
                                            <th class="text-center">Kategori</th>
                                            <th class="text-center">Tipe</th>
                                            <th class="text-center">Status</th>
                                            <th class="text-center">Aksi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($research->amandments()->where('is_draft', 0)->get() as $amandment)
                                            <tr>
                                                <td class="text-center">{{ $loop->iteration }}</td>
                                                <td class="text-center">{{ $amandment->created_at->format('d/m/Y H:i') }}</td>
                                                <td>{{ $amandment->researchDetail?->research_title ?? '-' }}</td>
                                                <td class="text-center">{{ $amandment->researchDetail?->researchCategory->name ?? '-' }}</td>
                                                <td class="text-center">
                                                    @if ($amandment->researchDetail)
                                                        <p class="mb-0">{{ $amandment->researchDetail?->research_type ? Str::replace('-', ' ', Str::title($amandment->researchDetail?->research_type)) : '-' }}</p>
                                                        @if ($amandment->researchDetail?->fullBoardMeetingSchedule)
                                                            <small>Meeting : {{ $amandment->researchDetail?->fullBoardMeetingSchedule->datetime->format('d/m/Y H:i') }}</small>
                                                        @endif
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    @if ($amandment->researchDetail)
                                                        @if ($amandment->researchDetail?->status == 'awaiting-admin-verification')
                                                            <span class="badge rounded-pill bg-warning">Menunggu Verifikasi Admin</span>
                                                        @elseif($amandment->researchDetail?->status == 'awaiting-secretary-verification')
                                                            <span class="badge rounded-pill bg-warning">Menunggu Verifikasi Sekretaris</span>
                                                        @elseif($amandment->researchDetail?->status == 'unreviewed')
                                                            <span class="badge rounded-pill bg-secondary">Belum Ditinjau Penelaah</span>
                                                        @elseif($amandment->researchDetail?->status == 'under-review')
                                                            <span class="badge rounded-pill bg-primary">Sedang Ditinjau Penelaah</span>
                                                        @elseif($amandment->researchDetail?->status == 'revision')
                                                            <span class="badge rounded-pill bg-danger">Direvisi Penelaah</span>
                                                        @elseif($amandment->researchDetail?->status == 'done')
                                                            <span class="badge rounded-pill bg-success">Selesai</span>
                                                        @elseif($amandment->researchDetail?->status == 'rejected')
                                                            <span class="badge rounded-pill bg-danger">Ditolak</span>
                                                        @endif
                                                    @else
                                                        <span class="badge rounded-pill bg-warning">Belum Proses Selanjutnya</span>
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    @if ($amandment->researchDetail)
                                                        <button class="btn btn-info btn-sm" wire:click="amandmentDetail('{{ $amandment->id }}')"><i class="fa-solid fa-arrow-right fa-fw"></i></button>
                                                    @else
                                                        <button class="btn btn-warning btn-sm" wire:click="amandmentDetail('{{ $amandment->id }}')"><i class="fa-solid fa-arrow-right fa-fw"></i></button>
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td class="text-center" colspan="7">Belum Ada Amandemen</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if ($auth->hasAnyRole('admin') && $research->status == 'awaiting-admin-verification')
            <div class="col-12 text-end">
                {{-- <button class="btn btn-danger" wire:click="rejectConfirm()">Tolak Penelitian <i class="fa-solid fa-circle-xmark fa-fw ms-2"></i></button> --}}
                <button class="btn btn-success" wire:click="adminVerificationConfirm()">Verifikasi Penelitian <i class="fa-solid fa-circle-check fa-fw ms-2"></i></button>
            </div>
        @endif
        @if ($auth->hasAnyRole('penelaah'))
            @if ($research_reviewer_status != 'done' && count($correcteds) >= count($research_answers))
                <div class="col-12 text-end">
                    <button class="btn btn-success" wire:click="completeResearchConfirm()">Tuntaskan Penilaian <i class="fa-solid fa-circle-check fa-fw ms-2"></i></button>
                </div>
            @elseif ($research_reviewer_status == 'done' && $research->status != 'done')
                <div class="col-12">
                    <div class="card border-0 shadow-sm bg-label-success">
                        <div class="card-body d-flex align-items-center justify-content-between flex-wrap gap-3 py-3">
                            <div class="d-flex align-items-center gap-3">
                                <span class="badge bg-success p-2 rounded-circle">
                                    <i class="fa-solid fa-circle-check fs-5 text-white"></i>
                                </span>
                                <div>
                                    <h6 class="fw-bold mb-1 text-success">Telaah Anda Sudah Selesai</h6>
                                    <p class="mb-0 text-muted small">
                                        Anda sudah menuntaskan penilaian untuk penelitian ini. Saat ini sistem sedang menunggu penelaah lain menyelesaikan telaahnya agar proses penelitian dapat diselesaikan secara otomatis.
                                    </p>
                                </div>
                            </div>
                            <div>
                                <span class="badge bg-success px-3 py-2">
                                    <i class="fa-solid fa-hourglass-half me-1"></i> Menunggu Penelaah Lain
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            @elseif ($research_reviewer_status == 'done' && $research->status == 'done')
                <div class="col-12">
                    <div class="card border-0 shadow-sm bg-label-success">
                        <div class="card-body d-flex align-items-center gap-3 py-3">
                            <span class="badge bg-success p-2 rounded-circle">
                                <i class="fa-solid fa-check-double fs-5 text-white"></i>
                            </span>
                            <div>
                                <h6 class="fw-bold mb-1 text-success">Penelitian Telah Selesai</h6>
                                <p class="mb-0 text-muted small">
                                    Seluruh penelaah telah menuntaskan penilaian dan protokol penelitian ini telah dinyatakan selesai.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            @elseif ($research_reviewer_status != 'done' && count($correcteds) < count($research_answers) && !in_array($research->status, ['done', 'rejected']))
                <div class="col-12 text-end">
                    <span class="badge bg-label-warning px-3 py-2 text-wrap text-start">
                        <i class="fa-solid fa-info-circle me-1"></i> Selesaikan koreksi pada seluruh pertanyaan protokol ({{ count($correcteds) }}/{{ count($research_answers) }} selesai) untuk memunculkan tombol tuntaskan penilaian.
                    </span>
                </div>
            @endif
        @endif
    </div>

    <!-- Modal Tambah Penelaah -->
    <div aria-hidden="true" aria-labelledby="modal_add_reviewer_label" class="modal fade" id="modal_add_reviewer" tabindex="-1" wire:ignore.self>
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal_add_reviewer_label">Tambah Penelaah Baru</h5>
                    <button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label" for="new_reviewer_select">Pilih Penelaah <span class="text-danger">*</span></label>
                        <select class="form-select @error('new_reviewer_id') is-invalid @enderror" id="new_reviewer_select" wire:model="new_reviewer_id">
                            <option value="">-- Pilih Penelaah --</option>
                            @foreach ($reviewers as $reviewer)
                                @php
                                    $reviewerId = data_get($reviewer, 'id');
                                    $reviewerName = data_get($reviewer, 'name');
                                    $isAlreadyReviewer = $research->researchReviewers->pluck('reviewer_id')->contains($reviewerId);
                                @endphp
                                @if (!$isAlreadyReviewer)
                                    <option value="{{ $reviewerId }}">{{ $reviewerName }}</option>
                                @endif
                            @endforeach
                        </select>
                        @error('new_reviewer_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="text-muted small">
                        <i class="fa-solid fa-info-circle me-1"></i>
                        Penelaah yang sudah ditambahkan tidak akan muncul dalam daftar.
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">
                        <i class="fa-solid fa-xmark me-1"></i> Batal
                    </button>
                    <button class="btn btn-success" type="button" wire:click="addNewReviewerConfirm()">
                        <i class="fa-solid fa-plus me-1"></i> Tambah Penelaah
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/js/selectize.min.js" integrity="sha512-IOebNkvA/HZjMM7MxL0NYeLYEalloZ8ckak+NDtOViP7oiYzG5vn6WVXyrJDiJPhl4yRdmNAG49iuLmhkUdVsQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4/dist/fancybox.umd.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js" defer></script>
    <script>
        document.addEventListener('livewire:init', () => {
            Livewire.on("openRevisionModal", () => {
                jQuery('#modal_revision').modal('show');
                $('#modal_revision').on('shown.bs.modal', function() {
                    $(this).find('[autofocus]').focus();
                });
            });
            Livewire.on("openHistoryModal", () => {
                jQuery('#modal_history').modal('show');
            });
            Livewire.on("closeModal", () => {
                jQuery('#modal_revision').modal('hide');
                jQuery('#modal_history').modal('hide');
                jQuery('#add_amendment').modal('hide');
                jQuery('#modal_add_reviewer').modal('hide');
            });
            Livewire.on("showAddReviewerModal", () => {
                jQuery('#modal_add_reviewer').modal('show');
            });
            Livewire.on("addAmendment", () => {
                jQuery('#add_amendment').modal('show');
            });
            Livewire.on("printAmandment", () => {
                window.open("{{ request()->getSchemeAndHttpHost() }}/cetak/amandemen");
            });
        });
    </script>
@endpush