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

@section('subhead')
<title>Atarud MIS - Show Exam</title>
@endsection

@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">Show Exam : {{ $exam->title }} ( {{ $course->title }})</h2>
            </div>
                <div class="intro-y box col-span-12 2xl:col-span-6">
                    <div class="py-5" id="projects">
                        <div class="px-5">
                            @php $c = 0; @endphp
                    @foreach($answers as $a)
                             @php
                                ++$c;
                                $q = App\Models\QuestionBank::where('id', $a->question_id)->first();
                            @endphp
                             <div class="box p-5 mt-5">
                                <div class="flex">
                                    <div class="mr-auto font-medium text-lg">Question {{ $c}}: {{ $q != null ? $q->question  : '' }} </div>
                                </div>
                                <div class="flex mt-4">
                                    <div class="mr-auto">
                                        @if($q->file != null)
                                        <audio controls>
                                            <source src="{{asset('question_bank/'.$q->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">
                                           Answer:  {{ $a->answer }}
                                    </div>
                                </div>
                            </div>
                            @endforeach
                            <hr class="mt-5" />
                            <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">
                                       Result:  {{ $mark != null ? $mark->result.' ('.$mark->mark_obtained.')' : '' }}
                                </div>
                            </div>
                        </div>
                    </div>
            </form>
        </div>
        <!-- END: Tusion Information -->
    </div>
</div>
@endsection