@extends('web.layouts.layout')

@section('content')

    <main class="mt-100">
        <!-- 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 class="">
                        @if($examAnswers->isNotEmpty())
                            @foreach($examAnswers as $value)
                                @php $question = $value->question; @endphp
                                <div class="ques_box {{ $value->is_correct ? 'checked' : 'wrong' }}">
                                    @if($question->content_type === 'text')
                                        <h5 class="fw-bold mb-4">
                                            {{ $question->currentDescription->title ?? "" }}
                                        </h5>
                                    @else
                                        <div class="question-image-wrapper text-center mb-4">
                                            <img src="{{ getImage($question->image) }}"
                                                 data-src="{{ getImage($question->image) }}"
                                                 alt="{{ __('exams::exams.question_image') }}"
                                                 class="img-fluid lazyload shadow-sm">
                                        </div>
                                    @endif
                                    <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($exam?->id)
                            <a href="{{ route('web.exams.show', $exam->id) }}"
                               class="btn btn-primary rounded hvr-txt-trans px-4 py-2 d-block">
                                <div class="txt" data-text="{{ __('exams::exams.retake_exam') }}">
                                    <span class="fs-7">
                                        {{ __('exams::exams.retake_exam') }}
                                        <i class="fa-regular fa-arrow-left-long vertical-middle ms-2"></i>
                                    </span>
                                </div>
                            </a>
                        @endif
                        @if(!empty($returnUrl))
                            <a href="{{ $returnUrl }}"
                               class="btn btn-outline-primary ms-4 mainColor rounded">
                                <span> {{ $buttonText }} </span>
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush