@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">
    <!-- BEGIN: Profile Menu -->

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

        @if(count($questions) > 0)
        <!-- BEGIN: Question Information -->
        <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>

             @foreach($questions as $row)
             <div class="intro-y box col-span-12 2xl:col-span-6">
                @php
                    $q = App\Models\QuestionBank::where('id', $row->question_id)->first();
                    if($q == null) continue;
                @endphp
                <div class=" py-5" id="projects">
                    <div class="px-5">
                        <div class="font-medium text-lg">{{$q->question}}</div>
                        <div class="text-slate-600 dark:text-slate-500 mt-2"><strong>Question Type:</strong> {{$q->type}}</div>
                        @if($q->type =="Multi Choice")
                        <div class="text-slate-600 dark:text-slate-500 mt-2">
                            <span class=""><strong>Option A:</strong> {{$q->choice_a}}</span>
                            <span class="ml-4"><strong>Option B:</strong> {{$q->choice_b}}</span>
                            <span class="ml-4"><strong>Option C:</strong> {{$q->choice_c}}</span>
                            <span class="ml-4"> <strong>Option D:</strong> {{$q->choice_d}}</span>
                        </div>
                        @endif
                        <div class="text-slate-600 dark:text-slate-500 mt-2"><strong>Answer:</strong> {{$q->answer}}</div>
                        <hr class="mt-5"/>

                </div>
            </div>
            @endforeach

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


    </div>
</div>
{{-- @include('../pages/exam/categorize_questions') --}}

@endsection
@section('script')
    <script src="{{ asset('dist/js/jquery.js') }}"></script>
@endsection