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

@section('subhead')
    <title>Atarud MIS - Exams Setting List</title>
@endsection

@section('subcontent')
    <div class="flex items-center mt-8">
        <h2 class="intro-y text-lg font-medium mr-auto">Exams Setting List</h2>
        <a href="javascript:;" data-tw-toggle="modal" data-tw-target="#new-exam" class="btn btn-primary w-24 ml-auto">
            <i data-lucide="plus-circle" class="w-4 h-4 mr-1"></i> Add
        </a>
    </div>

    <div class="grid grid-cols-12 gap-6 mt-6">

        <!-- BEGIN: Data List -->
        <div class="intro-y col-span-12 overflow-auto lg:overflow-visible">

            <div class="overflow-x-auto" style="border-radius:5px; border:1px solid #e5e7eb;">
                <table class="table table-striped">
                    <thead>
                        <tr class="bg-primary text-white">
                            <th class="whitespace-nowrap text-center">#</th>
                            <th class="whitespace-nowrap text-center">Program</th>
                            <th class="whitespace-nowrap text-center">Semester</th>
                            <th class="whitespace-nowrap text-center">Section</th>
                            <th class="whitespace-nowrap text-center">Title</th>
                            <th class="whitespace-nowrap text-center">Total Marks</th>
                            <th class="whitespace-nowrap text-center">Passing Marks</th>
                            <th class="whitespace-nowrap text-center">Exam Order</th>
                            <th class="whitespace-nowrap text-center">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($exams as $exam)
                        @php
                            $program = App\Models\Program::where('id',$exam->program_id)->first();
                            $semester = App\Models\Semester::where('id',$exam->semester_id)->first();
                            $section = App\Models\Section::where('id',$exam->section_id)->first();
                        @endphp
                        <tr>
                            <td class="text-center">{{ ++$loop->index }}</td>
                            <td class="text-center">{{ $program != null ? $program->title : '' }}</td>
                            <td class="text-center">{{ $semester != null ? $semester->name : '' }}</td>
                            <td class="text-center">{{ $section != null ? $section->name : '' }}</td>
                            <td class="text-center">{{ $exam->title }}</td>
                            <td class="text-center">{{ $exam->total_marks }}</td>
                            <td class="text-center">{{ $exam->passing_marks }}</td>
                            <td class="text-center">{{ $exam->exam_order }}</td>
                            <td class="table-report__action w-56">
                                <div class="flex justify-center items-center">
                                    <a class="flex items-center mr-3" title="Edit" href="javascript:;">
                                        <i data-lucide="settings" class="w-4 h-4 mr-1"></i>
                                    </a>
                                    {{-- <a class="flex items-center mr-3" title="View" href="{{route('view-exam', $exam->id)}}">
                                        <i data-lucide="eye" class="w-4 h-4 mr-1"></i>
                                    </a>

                                    <a class="flex items-center text-danger" title="delete" onclick="return deleteRecord({{ $exam->id }});" href="javascript:;" data-tw-toggle="modal" data-tw-target="#delete-confirmation-modal">
                                        <i data-lucide="trash-2" class="w-4 h-4 mr-1"></i>
                                    </a> --}}

                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <!-- END: Data List -->
    </div>
    @include('../pages/exam_setting/create')
    @include('../pages/exam_setting/delete')
@endsection

@section('script')
<script src="{{ asset('dist/js/jquery.js') }}"></script>
<script>
    $('.section_exam').hide();
    $('#exam_type').on('change', function(){
        let value = $(this).val();
        if(value == 'section_exam') {
            $('.section_exam').show();
        }else{
            $('.section_exam').hide();
        }
    });
     function deleteRecord(id){
        document.getElementById('id').value = id;
    }


function get_class_semesters(program_id) {
    $.ajax({
        method: 'GET',
        url: "{{ url('/get/program/semester/') }}",
        data: {
            p_id: program_id,
        },
        success: function(response) {
            jQuery('#semester_id').html(response);
        }
    });
}

function get_section_courses(section_id) {
    $.ajax({
        method: 'GET',
        url: "{{ url('/get/section/course/') }}",
        data: {
            s_id: section_id,
        },

        success: function(response) {
            jQuery('#section_selector_holder').html(response);
        }
    });
}
function getSection(semester_id) {
    $.ajax({
        method: 'GET',
        url: "{{ url('/get/semester/section/') }}",
        data: {
            s_id: semester_id,
        },
        success: function(response) {
            jQuery('#section_id').html(response);
        }
    });
}
</script>
@endsection