@section('title', 'Recapitulation')
@section('paper', 'A4')
@if ($use_print)
    @section('print', true)
@endif
@section('styles')
    <style>
        * {
            color: black !important;
        }

        p {
            font-size: 14pt;
        }

        td {
            font-size: 14pt;
        }
    </style>
@endsection
<div>
    <div class="sheet" style="padding: 45px 65px 45px 65px;">
        <div class="row justify-content-center g-3">
            <div class="col-10">
                <img src="{{ asset('assets/image/logo-with-address-phone.png') }}" style="width: 100%;object-fit: contain;">
            </div>
        </div>
        <hr class="my-3">
        <div class="text-center mb-4">
            <h4 class="mb-0 fw-bold">Rekapitulasi Penelitian</h4>
        </div>
        <div class="row g-3">
            <div class="col-12">
                <h4 class="mb-2 fw-bold">I. Data Awal</h4>
                <ol class="mb-0" style="padding-left: 1.1rem;">
                    <li class="mb-3">
                        <p class="mb-2">Judul Penelitian</p>
                        <h6 class="mb-0 fw-semibold">{{ $research->research_title ?? '-' }}</h6>
                    </li>
                    <li class="mb-3">
                        <p class="mb-2">Tempat Penelitian</p>
                        <h6 class="mb-0 fw-semibold">{{ $research->research_place ?? '-' }}</h6>
                    </li>
                    <li class="mb-3">
                        <p class="mb-2">Kategori Penelitian</p>
                        <h6 class="mb-0 fw-semibold">{{ $research->researchCategory?->name ?? '-' }}</h6>
                    </li>
                    <li>
                        <p class="mb-2">TIPE PENELITIAN</p>
                        @if ($research->research_type)
                            @if ($research->research_type == 'full-board')
                                <h6 class="mb-0 fw-semibold">Full Board</h6>
                            @elseif($research->research_type == 'expedited')
                                <h6 class="mb-0 fw-semibold">Expedited</h6>
                            @endif
                        @else
                            <p class="text-muted mb-0">Belum Dipilih Sekretaris</p>
                        @endif
                    </li>
                </ol>
            </div>
            <div class="col-12">
                <h4 class="mb-2 fw-bold">II. Protokol</h4>
                <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' : '' }}" style="max-width: 300px;text-wrap: balance;">
                                <p class="mb-1">{{ $result->title }}</p>
                                @if (in_array($result->input_type, ['text', 'color', 'email', 'tel', 'time', 'textarea', 'radio', 'date']))
                                    <h6 class="mb-0 fw-semibold" style="max-width: 300px;text-wrap: balance;">{{ $research_answers[$result->id]['answer'] }}</h6>
                                @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')
                                    <div class="mb-0 fw-semibold" style="max-width: 300px;text-wrap: balance;">{{ asset('storage/' . $research_answers[$result->id]['old_file_uploaded']) }}</div>
                                @endif
                            </li>
                        @endif
                    @endforeach
                </ol>
            </div>
        </div>
    </div>
</div>