@extends('../layout/' . $layout)

@section('subhead')
<title>Atarud MIS - Question</title>
@endsection
<style type="text/css">
    .stu_pro tr td {
        padding: 1px;
    }
</style>

@section('subcontent')

<div class="grid grid-cols-12 gap-6">

    <div class="col-span-12 lg:col-span-8 2xl:col-span-9">

        <div class="intro-y box mt-5">
            <div class="flex items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                <h2 class="font-medium text-base mr-auto">Questions</h2>

            </div>
            <form method="post" action="{{route('exam.student.questions.save')}}" >
                @csrf
                @method('post')
                @php $c = 0; @endphp
                {{-- @foreach($examQuestionSetting as $row) --}}
                {{-- @php
                $q = App\Models\QuestionBank::where('id', $row->question_id)->first();

                @endphp --}}
                <div class="intro-y box col-span-12 2xl:col-span-6">
                    <div class="py-5" id="projects">
                        {{-- <div class="font-medium text-lg text-center">{{ $examType != null ? $examType->name : '' }}</div> --}}
                        <div class="px-5">
                            @foreach($questions as $t)
                            @php
                                ++$c;
                                $question = App\Models\QuestionBank::where('id', $t->question_id)->first();
                            @endphp
                            <div class="box p-5 mt-5">
                               <div class="flex">
                                   <div class="mr-auto font-medium text-lg">Question{{ $c }}: {{ $question != null ? $question->question :'' }}</div><br>
                               </div>
                               <div class="flex">
                                    <div class="mr-auto font-medium text-lg">Answer: {{  $t->answer  }}</div>
                               </div>
                               <div class="flex">
                                    <div class="mr-auto font-medium text-lg">Answer Status: {{ $t->answerStatus }}</div>
                               </div>

                               <div class="flex mt-4">
                                   <div class="mr-auto">
                                    <input type="hidden" name="question{{$c}}" value="{{$t->question_id}}">
                                    <input type="hidden" name="score{{$c}}" value="{{$t->id}}">
                                       @if($t->file != null)
                                       <audio controls>
                                           <source src="{{asset('question_bank/'.$t->file)}}" type="audio/mpeg">
                                       </audio>
                                       @endif

                                   </div>
                               </div>
                               <div class="flex mt-4 pt-4 border-t border-slate-200/60 dark:border-darkmode-400">
                                   <div class="mr-auto font-medium text-base">
                                    <div class="flex flex-col sm:flex-row mt-2">
                                        <div class="form-check mr-2">
                                            <select class="form-control" name="answerStatus{{$c}}">
                                                <option value="">Select</option>
                                                <option value="Correct" @if($t->answerStatus == 'Correct') selected @endif>Correct</option>
                                                <option value="Wrong" @if($t->answerStatus == 'Wrong') selected @endif>Wrong</option>
                                            </select>

                                        </div>

                                    </div>

                                   </div>

                               </div>
                           </div>

                           @endforeach
                            <hr class="mt-5" />
                        </div>
                    </div>
                    <input type="hidden" name="counter" value="{{$c}}">
                    <input type="hidden" name="student_id" value="{{$student->id}}">
                    <input type="hidden" name="exam_id" value="{{$exam->id}}">
                    <div class="flex justify-end flex-col md:flex-row gap-2 mt-5">

                        <button type="submit" class="btn py-3 btn-primary w-full md:w-52 mb-2 mr-2">Save</button>
                    </div>
            </form>

        </div>
        <!-- END: Tusion Information -->
    </div>
</div>

@endsection