@php
    use Carbon\Carbon;
@endphp
{{-- Modal Re-Upload File oleh Admin (hanya saat penelitian sedang berjalan) --}}
@if ($auth->hasAnyRole('admin', 'sekretaris', 'ketua') && in_array($research->status, ['unreviewed', 'under-review', 'revision']))
    <div class="modal fade" id="modal_reupload_file" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        wire:ignore.self x-data
        x-on:open-reupload-modal.window="$nextTick(() => { let m = bootstrap.Modal.getOrCreateInstance($el); m.show(); })"
        x-on:close-reupload-modal.window="bootstrap.Modal.getOrCreateInstance($el).hide()">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">
                        <i class="fa-solid fa-upload fa-fw me-2 text-warning"></i>
                        Upload Ulang File
                    </h5>
                    <button type="button" class="btn-close" wire:click="$set('show_reupload_modal', false)" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning d-flex align-items-start mb-3">
                        <i class="fa-solid fa-triangle-exclamation fa-fw me-2 mt-1"></i>
                        <div>
                            <strong>Perhatian:</strong> File yang sudah ada akan digantikan dengan file baru yang Anda upload. Aksi ini akan tercatat di riwayat penelitian.
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">
                            Jenis File:
                            <span class="badge bg-label-info ms-1">
                                @if ($admin_reupload_type === 'proposal')
                                    Proposal
                                @elseif ($admin_reupload_type === 'informed-consent')
                                    Informed Consent
                                @else
                                    File Jawaban Protokol
                                @endif
                            </span>
                        </label>
                    </div>
                    <div x-data="{ isUploading: false, progress: 0 }"
                        x-on:livewire-upload-start="isUploading = true"
                        x-on:livewire-upload-finish="isUploading = false"
                        x-on:livewire-upload-error="isUploading = false"
                        x-on:livewire-upload-progress="progress = $event.detail.progress">
                        <label class="form-label">Pilih File <span class="text-danger">*</span> <small class="text-muted">(PDF/Gambar, maks 10MB)</small></label>
                        <div class="input-group">
                            <input
                                type="file"
                                class="form-control @error('admin_reupload_file') is-invalid @enderror"
                                wire:model.live="admin_reupload_file"
                                accept=".pdf,.jpg,.jpeg,.png,.webp">
                            <button
                                @if ($admin_reupload_file) data-fancybox data-src="{{ $admin_reupload_file?->temporaryUrl() }}" @else disabled @endif
                                class="btn btn-{{ $admin_reupload_file ? 'label-info' : 'secondary' }} btn-sm">
                                Pratinjau <i class="fa-regular fa-eye fa-fw ms-1"></i>
                            </button>
                        </div>
                        @error('admin_reupload_file')
                            <span class="invalid-feedback d-block">{{ $message }}</span>
                        @enderror
                        <div x-show="isUploading" class="mt-2">
                            <progress class="w-100" max="100" x-bind:value="progress"></progress>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" wire:click="$set('show_reupload_modal', false)" data-bs-dismiss="modal">
                        Batal <i class="fa-solid fa-circle-xmark fa-fw ms-2"></i>
                    </button>
                    <button type="button" class="btn btn-warning btn-sm" wire:click="adminReuploadFileConfirm()" wire:loading.attr="disabled">
                        <span wire:loading.remove wire:target="adminReuploadFileConfirm">Upload Ulang <i class="fa-solid fa-upload fa-fw ms-2"></i></span>
                        <span wire:loading wire:target="adminReuploadFileConfirm">Memproses...</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
@endif

@if (!in_array($research->status, ['done', 'rejected']) && $auth->hasAnyRole('sekretaris', 'admin', 'ketua', 'penelaah'))
    <div class="modal fade" id="modal_revision" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" wire:ignore.self>
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <form class="modal-content" wire:submit.prevent="saveRevision()">
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-12">
                            <div class="form-label">Keterangan Revisi <span class="text-danger">*</span></div>
                            <textarea class="form-control @error('revision_description') text-danger @enderror" wire:model.blur="revision_description" placeholder="Revisi...." autofocus x-data x-init="
                                const resize = () => {
                                    $el.style.height = 'auto';
                                    $el.style.height = Math.max(80, $el.scrollHeight) + 'px';
                                };
                                $nextTick(resize);
                                setTimeout(resize, 100);
                            " x-on:input="
                                $el.style.height = 'auto';
                                $el.style.height = Math.max(80, $el.scrollHeight) + 'px';
                            "></textarea>
                        </div>
                        @if ($auth->hasAnyRole('sekretaris', 'admin', 'ketua'))
                            <div class="col-12">
                                <div class="form-label">Penelaah <span class="text-danger">*</span></div>
                                <div wire:key="{{ rand() }}">
                                    <select x-data x-ref="input" x-init="$($refs.input).selectize({
                                        dropdownParent: 'body',
                                        onChange: function(e) {
                                            @this.set('reviewer_id', $('#reviewer_id').val());
                                        }
                                    });" wire:model="reviewer_id" id="reviewer_id">
                                        <option value="">-- Pilih Penelaah --</option>
                                        @foreach ($research?->researchReviewers as $item)
                                            <option value="{{ $item->reviewer_id }}">{{ $item->user?->name ?? 'Belum Ada Penelaah' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" wire:click="closeModal()" wire:loading.attr="disabled">Tutup <i class="fa-solid fa-circle-xmark fa-fw ms-2"></i></button>
                    <button type="submit" class="btn btn-success btn-sm" wire:loading.attr="disabled" wire:target="saveRevision">
                        <span wire:loading.remove wire:target="saveRevision">Simpan <i class="fa-solid fa-circle-check fa-fw ms-2"></i></span>
                        <span wire:loading wire:target="saveRevision"><span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span> Menyimpan...</span>
                    </button>
                </div>
            </form>
        </div>
    </div>
@endif
<div class="modal fade" id="modal_history" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" wire:ignore.self>
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <div class="table-responsive scrollbar-x">
                    <table class="table table-bordered">
                        <thead class="table-light">
                            <tr>
                                <th class="text-center" style="width: 10px;">NO</th>
                                <th>Jawaban</th>
                                <th class="text-center" style="width: 100px;">Tanggal & Jam</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($histories as $result)
                                <tr>
                                    <td class="text-center">{{ $loop->iteration }}</td>
                                    <td>
                                        <div style="width: 450px;text-wrap: balance;">
                                            @if ($result['is_file'])
                                                <a href="{{ asset('storage/' . $result['answer']) }}" data-pdf-preview data-title="Dokumen Riwayat" target="_blank">Buka Pratinjau / Unduh</a>
                                            @else

                                                <small>{{ $result['answer'] }}</small>
                                            @endif
                                        </div>
                                    </td>
                                    <td class="text-center">{{ $result['created_at'] }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3" class="fw-bold text-center">Belum Ada Data</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" wire:click="closeModal()">Tutup <i class="fa-solid fa-circle-xmark fa-fw ms-2"></i></button>
            </div>
        </div>
    </div>
</div>
@if ($research->status == 'done' && $system_setting_cached->is_use_amendment)
    <div class="modal fade" id="add_amendment" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" wire:ignore.self>
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <form class="modal-content" wire:submit="nextStepAmandmentConfirm()">
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-12">
                            <div class="form-label">Amendemen Protokol Penelitian Berupa <span class="text-danger">*</span></div>
                            <div class="form-check mb-2">
                                <input class="form-check-input @error('amendment_to_research_protocol') is-invalid @enderror" type="radio" wire:model.live="amendment_to_research_protocol" name="amendment_to_research_protocol" id="penyesuaian_dosis" value="Penyesuaian Dosis" {{ $amandment_file ? 'disabled' : '' }}>
                                <label class="form-check-label" for="penyesuaian_dosis">Penyesuaian Dosis</label>
                            </div>
                            <div class="form-check mb-2">
                                <input class="form-check-input @error('amendment_to_research_protocol') is-invalid @enderror" type="radio" wire:model.live="amendment_to_research_protocol" name="amendment_to_research_protocol" id="perubahan_perlakuan" value="Perubahan Perlakuan" {{ $amandment_file ? 'disabled' : '' }}>
                                <label class="form-check-label" for="perubahan_perlakuan">Perubahan Perlakuan</label>
                            </div>
                            <div class="form-check mb-2">
                                <input class="form-check-input @error('amendment_to_research_protocol') is-invalid @enderror" type="radio" wire:model.live="amendment_to_research_protocol" name="amendment_to_research_protocol" id="perubahan_pedoman_wawancara" value="Perubahan Pedoman Wawancara" {{ $amandment_file ? 'disabled' : '' }}>
                                <label class="form-check-label" for="perubahan_pedoman_wawancara">Perubahan Pedoman Wawancara</label>
                            </div>
                            <div class="form-check mb-2">
                                <input class="form-check-input @error('amendment_to_research_protocol') is-invalid @enderror" type="radio" wire:model.live="amendment_to_research_protocol" name="amendment_to_research_protocol" id="perubahan_kuesioner" value="Perubahan Kuesioner" {{ $amandment_file ? 'disabled' : '' }}>
                                <label class="form-check-label" for="perubahan_kuesioner">Perubahan Kuesioner</label>
                            </div>
                            <div class="input-group">
                                <div class="input-group-text">
                                    <input class="form-check-input @error('amendment_to_research_protocol') is-invalid @enderror mt-0" type="radio" wire:model.live="amendment_to_research_protocol" name="amendment_to_research_protocol" value="Perubahan Protokol Laboratorium Berupa" {{ $amandment_file ? 'disabled' : '' }}>
                                </div>
                                <span class="input-group-text" style="font-size: 14px;text-align: start;">Perubahan Protokol<br>Laboratorium Berupa</span>
                                <input type="text" class="form-control" wire:model.blur="amendment_to_research_protocol_text" placeholder="...." {{ $amendment_to_research_protocol == 'Perubahan Protokol Laboratorium Berupa' ? ($amandment_file ? 'disabled' : '') : 'disabled' }}>
                            </div>
                            @error('amendment_to_research_protocol_text')
                                <span class="invalid-feedback d-block">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col-12">
                            <div class="form-label">Alasan <span class="text-danger">*</span></div>
                            <textarea class="form-control @error('amandment_reason') is-invalid @enderror" wire:model.blur="amandment_reason" placeholder="Alasan..." {{ $amandment_file ? 'disabled' : '' }} x-data x-init="
                                const resize = () => {
                                    $el.style.height = 'auto';
                                    $el.style.height = Math.max(80, $el.scrollHeight) + 'px';
                                };
                                $nextTick(resize);
                                setTimeout(resize, 100);
                            " x-on:input="
                                $el.style.height = 'auto';
                                $el.style.height = Math.max(80, $el.scrollHeight) + 'px';
                            "></textarea>
                        </div>
                        <div class="col-12">
                            <div class="form-label">Cetak File Amandemen <span class="text-danger">*</span></div>
                            <button class="btn btn-{{ ($amendment_to_research_protocol != 'Perubahan Protokol Laboratorium Berupa' ? true : ($amendment_to_research_protocol_text ? true : false)) && $amandment_reason ? ($amandment_file ? 'secondary' : 'success') : 'secondary' }} btn-sm mb-2" type="button" wire:click="downloadFileAmandment()" {{ ($amendment_to_research_protocol != 'Perubahan Protokol Laboratorium Berupa' ? true : ($amendment_to_research_protocol_text ? true : false)) && $amandment_reason ? ($amandment_file ? 'disabled' : '') : 'disabled' }}><i class="fa-solid fa-print fa-fw"></i></button>
                            <small class="text-danger d-block">*Silahkan Cetak & Tanda Tangani, lalu scan dan unggah kembali</small>
                        </div>
                        <div class="col-12">
                            <div class="form-label">File Amandemen Tertanda Tangan <span class="text-danger">*</span></div>
                            <div x-data="{ uploading: false, progress: 0 }" x-on:livewire-upload-start="uploading = true" x-on:livewire-upload-finish="uploading = false" x-on:livewire-upload-cancel="uploading = false" x-on:livewire-upload-error="uploading = false" x-on:livewire-upload-progress="progress = $event.detail.progress">
                                <div class="input-group">
                                    <input type="file" wire:model.live="amandment_file" class="form-control @error('amandment_reason') is-invalid @enderror">
                                    <button class="btn btn-{{ $amandment_file || $amandment_file_old ? 'danger' : 'secondary' }} btn-sm" @if ($amandment_file || $amandment_file_old) wire:click="deleteAmandmentFile()" @else disabled @endif>Hapus <i class="fa-solid fa-trash-alt fa-fw ms-2"></i></button>
                                    <button class="btn btn-{{ $amandment_file || $amandment_file_old ? 'info' : 'secondary' }} btn-sm" @if ($amandment_file || $amandment_file_old) data-fancybox data-src="{{ $amandment_file?->temporaryUrl() ?? asset('storage/' . $amandment_file_old) }}" @else disabled @endif>Pratinjau <i class="fa-solid fa-eye fa-fw ms-2"></i></button>
                                </div>
                                <div x-show="uploading">
                                    <progress max="100" x-bind:value="progress"></progress>
                                </div>
                            </div>
                            @error('amandment_file')
                                <span class="invalid-feedback d-block">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" wire:click="closeModal()">Tutup <i class="fa-solid fa-circle-xmark fa-fw ms-2"></i></button>
                    <button type="submit" class="btn btn-warning btn-sm">Lanjut <i class="fa-solid fa-arrow-right fa-fw ms-2"></i></button>
                </div>
            </form>
        </div>
    </div>
@endif