@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- 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="form-submit-loader2">
                        @csrf
                        <div>
                            @if($questions->isNotEmpty())
                                @foreach($questions as $question)
                                    <div class="ques_box">
                                        <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">
                                                    {{-- $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
                                    </div>
                                @endforeach
                            @endif
                        </div>
                        <div class="butns mt-5 d-flex justify-content-center">
                            <button type="submit" class="butn primary_butn">
                                <span> {{ __('exams::exams.end_exam') }} </span>
                            </button>
                            @if($exam->lesson?->unit?->course_id)
                                <a href="{{ route('web.courses.show', $exam->lesson->unit->course_id) }}"
                                   class="butn primary_border_butn ms-4">
                                    <span> {{ __('exams::exams.cancel_exam') }} </span>
                                </a>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush