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

@section('subhead')
    <title>Atarud MIS - Assign Students To Exit 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 Exit Exam</h2>
                <div>
                    <select name="course_id" class="form-control" required id="course_id">
                        <option value="">Select Course</option>
                        @foreach ($courses as $row)
                            <option value="{{ $row->id }}">
                                {{ $row->title }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </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" id="result">
                        {{-- <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>
        $('#course_id').on('change', function(){
            var course_id = $(this).val();
            $.ajax({
                method: 'GET',
                url: "{{ route('exitexam.student.get') }}",
                data: {
                    course_id: course_id,
                    exam_id: @json($exam->id),
                },

                success: function(response) {
                    console.log(response);
                     $('#result').html(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 setStudentToExam(student_id, exam_id){
            // alert(student_id);
            $.ajax({
                method: 'GET',
                url: "{{ route('exitexam.assignstudent') }}",
                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]);
                }
            });
        }
        // $('.assignStudent').on('click',function(){
        //     alert(123);
        //     var student_id = $(this).attr('data-studentId');
        //     var exam_id = $(this).attr('data-examId');
        //     console.log(student_id, exam_id);
        //     $.ajax({
        //         method: 'GET',
        //         url: "{{ route('exitexam.assignstudent') }}",
        //         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