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

@section('subhead')
    <title>Atarud MIS - Assign Students To Exam</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">
        <!-- 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">Assign Students To Exam</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">
                        <form action="{{route('exam.student.group.assign')}}" method="post">
                            @csrf
                            @method('post')
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <th>#</th>
                                        <th>Name</th>
                                        <th>Father Name</th>
                                        <th>Action</th>
                                    </tr>
                                    @php
                                    $x = 0;
                                    @endphp
                                    @foreach($students as $row)
                                        @php
                                            $x++;
                                            $student = App\Models\Student::where('id', $row->student_id)->first();
                                            $studentName  = $student != null ? $student->name : '';
                                            $studentExam = App\Models\StudentExamGroup::where('exam_id', $exam->id)
                                                                                    ->where('student_id', $row->student_id)
                                                                                    ->where('status', '!=', 'Pending')
                                                                                    ->first();

                                        @endphp
                                        <tr>
                                            <input type='hidden' name='studentId{{$x}}' value='{{$row->id}}' />
                                            <td>{{ ++$loop->index }}</td>
                                            <td>{{ $student != null ? $student->name : '' }}</td>
                                            <td>{{ $student != null ? $student->father_name : '' }}</td>
                                            <td>
                                                @if($studentExam == null)
                                                    <a href="javascript:;" class="btn btn-primary ml-1 assignStudent" id="" data-studentId="{{ $row->id }}" data-examId="{{ $exam->id }}" title="Questions">
                                                        <i data-lucide="user-plus" class="w-4 h-4 mr-1"></i> Assign Student
                                                    </a>
                                                @else
                                                {{ 'Completed Exam' }}
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                    <input type='hidden' name='counter' value='{{$x}}' />
                                    <input type='hidden' name='exam_id' value='{{$exam->id}}' />
                                    <input type='hidden' name='course_id' value='{{$course->id}}' />
                                </tbody>
                            </table>
                            <button type="submit" class="btn btn-success float-right mt-2 mr-4">Save</button>

                        </form>
                        </div>
                    </div>

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

<div style="visibility:hidden;" id="examCard">
    <div class="box p-5 rounded-md"  >

        <div class="flex items-center">
            Exam: {{$exam->title}}
        </div>
        <div class="flex items-center">
            Course: {{$course->title}}
        </div>
        <div class="flex items-center mt-3">
            Name: <span id="name"></span>
        </div>
        <div class="flex items-center mt-3">
            Father Name: <span id="fname"></span>
        </div>
        <div class="flex items-center mt-3">
            Username: <span id="username"></span>
        </div>
        <div class="flex items-center mt-3">
            Password: <span id="password"></span>
        </div>
        <div class="flex items-center mt-3">
            Group: <span id="group"></span>
        </div>
    </div>
</div>

@endsection
@section('script')
    <script src="{{ asset('dist/js/jquery.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $('.assignStudent').click(function(){
            var student_id = $(this).attr('data-studentId');
            var exam_id = $(this).attr('data-examId');
            console.log(student_id, exam_id);
            $.ajax({
                method: 'GET',
                url: "{{ url('/exam/student/save') }}",
                data: {
                    student_id: student_id,
                    exam_id: exam_id,
                },

                success: function(response) {
                    console.log(response)
                    $('#name').html(response[1].name)
                    $('#fname').html(response[1].father_name)
                    $('#username').html(response[1].email)
                    $('#password').html(response[1].username)
                    $('#group').html(response[2].group_id)
                    printElement($('#examCard').html());
                    Swal.fire(response[0]);
                }
            });
        });

        function PrintElem(elem) {
            document.getElementById('student_image').style.marginTop = '-40px';
            Popup($(elem).html());
        }

        function printElement(data) {
            var mywindow = window.open('', 'invoice', 'height=600,width=950');
            mywindow.document.write('<html><head><title>Invoice</title>');
            mywindow.document.write('</head><body >');
            mywindow.document.write(data);
            mywindow.document.write('</body></html>');

            setTimeout(() => {
                mywindow.print();
                mywindow.close();

            }, 500);
            return true;
        }
    </script>
@endsection