@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="quiz_pg quiz_ans_pg  section">
            <div class="container">
                <div class="inner">
                    <div class="d-flex justify-content-between align-items-center">
                        <h2 class="title_sec fw-bold mb-5"> {{ $headTitle ?? "" }} </h2>
                        <div class="d-flex align-items-end ">
                            <h5> {{ $allQuestionsCount }}/ </h5>
                            <h1 class="fs-3 text-success"> {{ $correctQuestionsCount }} </h1>
                        </div>
                    </div>
                    <div>
                        @if($examAnswers->isNotEmpty())
                            @foreach($examAnswers as $value)
                                @php $question = $value->question; @endphp
                                <div class="ques_box {{ $value->is_correct ? 'checked' : 'wrong' }}">
                                    <h6 class="title fw-bold mb-4">
                                        {{ $question->currentDescription->title ?? "" }}
                                    </h6>
                                    <input type="hidden"
                                           name="questions[{{ $loop->index }}][question_id]"
                                           value="{{ $question->id }}"/>
                                    @if($question->answers->isNotEmpty())
                                        @foreach($question->answers as $answer)
                                            <div class="form-check">
                                                <input class="form-check-input"
                                                       type="radio"
                                                       name="questions[{{ $loop->parent->index }}][answer_id]"
                                                       id="question_{{ $question->id }}_answer_{{ $answer->id }}"
                                                    @checked($value->user_answer_id == $answer->id)/>
                                                <label class="form-check-label"
                                                       for="question_{{ $question->id }}_answer_{{ $answer->id }}">
                                                    {{ $answer->currentDescription->title ?? "" }}
                                                </label>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            @endforeach
                        @endif
                    </div>
                    <div class="butns mt-5 d-flex justify-content-center">
                        @if($examLog->examResult?->exam?->id)
                            <a href="{{ route('web.exams.show', $examLog->examResult->exam->id) }}"
                               class="butn primary_butn">
                                <span>{{ __('exams::exams.retake_exam') }}</span>
                            </a>
                        @endif
                        @if($examLog->examResult?->exam?->lesson?->unit?->course_id)
                            <a href="{{ route('web.courses.show', $examLog->examResult->exam->lesson->unit->course_id) }}"
                               class="butn primary_border_butn ms-4">
                                <span>{{ __('exams::exams.back_course') }}</span>
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush