@extends('web.layouts.layout')

@section('content')

    <main class="mt-100">
        <!-- Start section -->
        <section class="quiz_pg  section">
            <div class="container">
                <div class="inner">
                    <h2 class="title_sec fw-bold mb-5"> {{ $headTitle ?? "" }} </h2>
                    <form method="post"
                          action="{{ route('web.exams.store', $exam->id) }}"
                          class="ajax-form">
                        @csrf
                        <div>
                            @if($questions->isNotEmpty())
                                @foreach($questions as $question)
                                    <div class="ques_box form-group">
                                        @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">
                                                    {{-- $errors->has("questions.{$loop->parent->index}.answer_id") ? 'is-invalid' : '' --}}
                                                    <input
                                                        class="form-check-input "
                                                        type="radio"
                                                        name="questions[{{ $loop->parent->index }}][answer_id]"
                                                        value="{{ $answer->id }}"
                                                        id="question_{{ $question->id }}_answer_{{ $answer->id }}"/>
                                                    {{-- @checked(old("questions.{$loop->parent->index}.answer_id", $latestExamAnswers[$question->id]->user_answer_id ?? null) == $answer->id) --}}
                                                    <label class="form-check-label"
                                                           for="question_{{ $question->id }}_answer_{{ $answer->id }}">
                                                        {{ $answer->currentDescription->title ?? "" }}
                                                    </label>
                                                </div>
                                            @endforeach
                                        @endif
                                        <span class="field-error-msg"></span>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                        <div class="butns mt-5 d-flex justify-content-center rounded text-white">
                            <button type="submit" class="btn btn-primary rounded  hvr-txt-trans px-4 py-2 d-block">
                                <div class="txt" data-text="{{ __('exams::exams.end_exam') }}">
                                    <span class="fs-7">
                                        {{ __('exams::exams.end_exam') }}
                                        <i class="fa-regular fa-arrow-left-long vertical-middle ms-2"></i>
                                    </span>
                                </div>
                            </button>
                            @if(!empty($returnUrl))
                                <a href="{{ $returnUrl }}"
                                   class="btn btn-outline-primary ms-4 mainColor rounded">
                                    <span> {{ __('exams::exams.cancel_exam') }} </span>
                                </a>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush