@include('components.theme.pages.header')
<section>
    @if(session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div>
    @else
        @if(session()->has('error'))
            <div class="alert alert-danger">
                {{ session()->get('error') }}
            </div>
        @endif
    @endif
    @if(count($kuesioner))
        @if(\App\Models\Answer::where('name', user()->id)->where('questionnaire_id', $kuesioner->first()->id)->exists())
            <div class="d-sm-flex align-items-center justify-content-between mb-4">
                <h1 class="h3 mb-0 text-gray-800">{{ $data['subtitle'] }}</h1>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-danger">Maaf! Anda sudah mengisi kuesioner selama periode ini</div>
                </div>
            </div>
        @else
            @php
                $questionnaire_id = $kuesioner->first()->id;
            @endphp
            <div class="mb-4">
                <h1 class="h4 mb-2 font-weight-bold">Kuesioner Penilaian Kualitas Pelayanan Periode <span class="text-warning">{{ $kuesioner->first()->start_periode }} s/d {{ $kuesioner->first()->end_periode }}</span></h1>
                <p class="mb-0 text-muted">Kuesioner ini dimaksudkan untuk melakukan penilaian kulitas
                pelayanan. Hasil dari perhitungan skor pada kuesioner ini akan menjadi bahan
                evaluasi tenaga pendidik di sekolah dan pihak yang terkait
                untuk meningkatkan kualitas layanan kedepan. </p>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="card card-body mb-0">
                        <p class="text-small text-danger">* Mohon diisi sesuai dengan
                        harapan dan kenyataan yang anda alami selama menggunakan layanan
                        kami.</p>
                        <form action="{{ site_url('user', 'kuesioner/store') }}" method="post">
                            @csrf
                                <input type="text" name="questionnaire_id"
                                    value="{{ $questionnaire_id }}" hidden>
                                @php
                                    $no = 0;
                                @endphp
                                @foreach (\App\Models\Pertanyaan::where('questionnaire_id', $questionnaire_id)->get() as $value)
                                @php
                                    $no++;
                                @endphp
                                <input type="text" name="question_id_{{ $no }}"
                                    value="{{ $value->id }}" hidden>
                                <div class="col-12 mb-0 pb-0">
                                    <div class="card bg-active mb-2">
                                        <div class="card-body pl-3 pr-2 pb-0 pt-3">
                                            <p id="question_{{ $no }}"><span
                                                    class="badge badge-danger mr-2">{{ $no }}</span>
                                                <span
                                                    style="color: #000000">{{ $value->question }}</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-4 border">
                                    <div class="row">
                                        <div class="col-6">
                                            <div class="row border">
                                                <div class="col-12 text-center mb-4">
                                                    <b>Harapan</b>
                                                </div>
                                                <div class="col-6">
                                                    <div class="row">
                                                        <div class="col-12 ml-lg-4">
                                                            <label class="form-radio-label">
                                                                <input
                                                                    class="form-radio-input"
                                                                    type="radio"
                                                                    name="expectation_answer_{{ $no }}"
                                                                    value="1">
                                                                <span
                                                                    class="form-radio-sign">Sangat
                                                                    Tidak Setuju</span>
                                                            </label>
                                                        </div>
                                                        <div class="col-12 ml-lg-4">
                                                            <label class="form-radio-label">
                                                                <input
                                                                    class="form-radio-input"
                                                                    type="radio"
                                                                    name="expectation_answer_{{ $no }}"
                                                                    value="2">
                                                                <span
                                                                    class="form-radio-sign">Tidak
                                                                    Setuju</span>
                                                            </label>
                                                        </div>
                                                        <div class="col-12 ml-lg-4">
                                                            <label class="form-radio-label">
                                                                <input
                                                                    class="form-radio-input"
                                                                    type="radio"
                                                                    name="expectation_answer_{{ $no }}"
                                                                    value="3">
                                                                <span
                                                                    class="form-radio-sign">Biasa</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-6">
                                                    <div class="row">
                                                        <div class="col-12 ml-lg-4">
                                                            <label class="form-radio-label">
                                                                <input
                                                                    class="form-radio-input"
                                                                    type="radio"
                                                                    name="expectation_answer_{{ $no }}"
                                                                    value="4">
                                                                <span
                                                                    class="form-radio-sign">Setuju</span>
                                                            </label>
                                                        </div>
                                                        <div class="col-12 ml-lg-4">
                                                            <label class="form-radio-label">
                                                                <input
                                                                    class="form-radio-input"
                                                                    type="radio"
                                                                    name="expectation_answer_{{ $no }}"
                                                                    value="5">
                                                                <span
                                                                    class="form-radio-sign">Sangat
                                                                    Setuju</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="row border">
                                                <div class="col-12 text-center mb-4">
                                                    <b>Kenyataan</b>
                                                </div>
                                                <div class="col-6">
                                                    <div class="row">
                                                        <div class="col-12 ml-lg-4">
                                                            <label class="form-radio-label">
                                                                <input
                                                                    class="form-radio-input"
                                                                    type="radio"
                                                                    name="reality_answer_{{ $no }}"
                                                                    value="1">
                                                                <span
                                                                    class="form-radio-sign">Sangat
                                                                    Tidak Setuju</span>
                                                            </label>
                                                        </div>
                                                        <div class="col-12 ml-lg-4">
                                                            <label class="form-radio-label">
                                                                <input
                                                                    class="form-radio-input"
                                                                    type="radio"
                                                                    name="reality_answer_{{ $no }}"
                                                                    value="2">
                                                                <span
                                                                    class="form-radio-sign">Tidak
                                                                    Setuju</span>
                                                            </label>
                                                        </div>
                                                        <div class="col-12 ml-lg-4">
                                                            <label class="form-radio-label">
                                                                <input
                                                                    class="form-radio-input"
                                                                    type="radio"
                                                                    name="reality_answer_{{ $no }}"
                                                                    value="3">
                                                                <span
                                                                    class="form-radio-sign">Biasa</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-6">
                                                    <div class="row">
                                                        <div class="col-12 ml-lg-4">
                                                            <label class="form-radio-label">
                                                                <input
                                                                    class="form-radio-input"
                                                                    type="radio"
                                                                    name="reality_answer_{{ $no }}"
                                                                    value="4">
                                                                <span
                                                                    class="form-radio-sign">Setuju</span>
                                                            </label>
                                                        </div>
                                                        <div class="col-12 ml-lg-4">
                                                            <label class="form-radio-label">
                                                                <input
                                                                    class="form-radio-input"
                                                                    type="radio"
                                                                    name="reality_answer_{{ $no }}"
                                                                    value="5">
                                                                <span
                                                                    class="form-radio-sign">Sangat
                                                                    Setuju</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <button type="submit" class="btn btn-primary mt-3">Kirim
                                        Jawaban</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        @endif
    @else
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">{{ $data['subtitle'] }}</h1>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="alert alert-danger">Maaf! Tidak ada kuesioner yang aktif pada periode tahun ini!.</div>
        </div>
    </div>
    @endif
</section>
@include('components.theme.pages.footer')