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

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

@section('subcontent')
<div class="flex  mt-8">
    <a class="btn btn-primary ml-1" title="Questions" href="{{route('exam.student.assign' , $exam->id)}}">
        <i data-lucide="file-text" class="w-4 h-4 mr-1"></i> Assign Group To Students
    </a>

    <a class="btn btn-primary ml-1" title="Questions" href="{{route('exam.student.marks' , $exam->id)}}">
        <i data-lucide="file-text" class="w-4 h-4 mr-1"></i> Assign Marks
    </a>
    <a class="btn btn-primary ml-1" title="Questions" href="{{route('print.resultsheet' , [$data['course']->id , $exam->id])}}">
        <i data-lucide="file-text" class="w-4 h-4 mr-1"></i> ResultSheet
    </a>
    <a href="javascript:;" data-tw-toggle="modal" data-tw-target="#large-modal-size-preview" class="btn btn-primary ml-1 mb-2"><i data-lucide="file-text" class="w-4 h-4 mr-1"></i>Check Answers</a>

</div>
<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">
        <!-- BEGIN: Display Information -->
        <div class="intro-y box lg: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">Exam Information</h2>
            </div>
            <div class="p-5">
                <div class="flex flex-col-reverse xl:flex-row flex-col">
                    <div class="flex-1 mt-6 xl:mt-0">


                        <div class="overflow-x-auto">
                            <table class="table">

                                <tbody>
                                    <tr>
                                        <td>Title</td>
                                        <td>{{ $exam->title }}</td>
                                    </tr>
                                    <tr>
                                        <td>Program</td>
                                        <td>{{ $data['program']->title }}</td>
                                    </tr>
                                    <tr>
                                        <td>Semester</td>
                                        <td>{{ $data['semester']->name }}</td>
                                    </tr>
                                    <tr>
                                        <td>Section</td>
                                        <td>{{ $data['section']->name }}</td>
                                    </tr>
                                    <tr>
                                        <td>Course</td>
                                        <td>{{ $data['course'] != null ? $data['course']->title: "" }}</td>
                                    </tr>
                                    <tr>
                                        <td>Category</td>
                                        <td>{{ $exam->category }}</td>
                                    </tr>
                                    <tr>
                                        <td>Description</td>
                                        <td>{{ $exam->comment }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- END: Display Information -->
    </div>
</div>
{{-- @include('../pages/exam/categorize_questions') --}}
<!-- BEGIN: Large Modal Content -->
<div id="large-modal-size-preview" class="modal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body p-10 text-center">


                <div class="overflow-x-auto">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th class="whitespace-nowrap">#</th>
                                <th class="whitespace-nowrap">ID</th>
                                <th class="whitespace-nowrap">First Name</th>
                                <th class="whitespace-nowrap">Father Name</th>
                                <th class="whitespace-nowrap">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($data['students'] as $row)
                            @php
                                $student = App\Models\Student::where('id', $row->student_id)->first();
                            @endphp
                            <tr>
                                <td>{{ ++$loop->index }}</td>
                                <td>{{ $student != null ? $student->id : '' }}</td>
                                <td>{{ $student != null ? $student->name : '' }}</td>
                                <td>{{ $student != null ? $student->father_name : '' }}</td>
                                <td><a href="{{ route('exam.student.questions',[$row->exam_id, $row->student_id]) }}" class="btn btn-primary mt-5">Check</button></td>
                            </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>


            </div>
        </div>
    </div>
</div>
<!-- END: Large Modal Content -->
@endsection
@section('script')
    <script src="{{ asset('dist/js/jquery.js') }}"></script>
@endsection