@section('title', 'Detail Rekapitulasi')
<div>
    <div class="row g-3 mb-3">
        <div class="col-8">
            <h3 class="fw-semibold mb-0">Detail Rekapitulasi</h3>
        </div>
        <div class="col-4 text-end">
            <button class="btn btn-facebook" wire:click="print()">Cetak <i class="fa-solid fa-print fa-fw ms-2"></i></button>
        </div>
    </div>
    <hr class="my-3">
    <div class="card">
        <div class="card-body">
            <div class="row g-3">
                <div class="col-12">
                    <h3 class="mb-2 fw-bold">I. Data Awal</h3>
                    <ol class="mb-0" style="padding-left: 1.1rem;">
                        <li class="mb-3">
                            <p class="mb-2">Judul Penelitian</p>
                            <h5 class="mb-0 fw-semibold text-uppercase">{{ $research->research_title ?? '-' }}</h5>
                        </li>
                        <li class="mb-3">
                            <p class="mb-2">Tempat Penelitian</p>
                            <h5 class="mb-0 fw-semibold">{{ $research->research_place ?? '-' }}</h5>
                        </li>
                        <li class="mb-3">
                            <p class="mb-2">Kategori Penelitian</p>
                            <h5 class="mb-0 fw-semibold">{{ $research->researchCategory?->name ?? '-' }}</h5>
                        </li>
                        <li>
                            <p class="mb-2">TIPE PENELITIAN</p>
                            @if ($research->research_type)
                                @if ($research->research_type == 'full-board')
                                    <h5 class="mb-0 fw-semibold">Full Board</h5>
                                @elseif($research->research_type == 'expedited')
                                    <h5 class="mb-0 fw-semibold">Expedited</h5>
                                @endif
                            @else
                                <p class="text-muted mb-0">Belum Dipilih Sekretaris</p>
                            @endif
                        </li>
                    </ol>
                </div>
                <div class="col-12">
                    <h3 class="mb-2 fw-bold">II. Protokol</h3>
                    <ol class="mb-0" style="padding-left: 1.1rem;">
                        @foreach ($research_questions as $result)
                            @if ($research_answers[$result->id]['answer'] || $research_answers[$result->id]['old_file_uploaded'])
                                <li class="{{ !$loop->last ? 'mb-3' : '' }}">
                                    <p class="mb-1">{{ $result->title }}</p>
                                    @if (in_array($result->input_type, ['text', 'color', 'email', 'tel', 'time', 'textarea', 'radio', 'date']))
                                        <h5 class="mb-0 fw-semibold">{{ $research_answers[$result->id]['answer'] }}</h5>
                                    @elseif($result->input_type == 'checkbox')
                                        @foreach ($result->researchQuestionAnswers as $ans => $item)
                                            <div class="form-check {{ $loop->last ? 'mb-2' : 'mb-0' }}">
                                                <input class="form-check-input" type="checkbox" name="research_answers.{{ $result->id }}.answer" wire:model.live="research_answers.{{ $result->id }}.answer" id="{{ Str::slug($result->title, '_') }}_{{ Str::slug($item->answer, '_') }}_{{ $ans }}" value="{{ $item->answer }}" {{ $form_opened ? '' : 'disabled' }}>
                                                <label class="form-check-label" for="{{ Str::slug($result->title, '_') }}_{{ Str::slug($item->answer, '_') }}_{{ $ans }}">{{ $item->answer }}</label>
                                            </div>
                                        @endforeach
                                    @elseif($result->input_type == 'file')
                                        <h5 class="mb-0 fw-semibold"><a href="{{ asset('storage/' . $research_answers[$result->id]['old_file_uploaded']) }}" data-pdf-preview data-title="Dokumen Rekapitulasi" target="_blank">{{ asset('storage/' . $research_answers[$result->id]['old_file_uploaded']) }}</a></h5>
                                    @endif
                                </li>
                            @endif
                        @endforeach
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>