@extends('layouts/eims_layout')
@section('title', '| ' . $data['pageTitle'])
@section('content')
@include('successMsg')

<style>
    .table-bordered {
        margin: 0;
        padding: 0;
    }

    .table-bordered th,
    .table-bordered td {
        text-align: center;
        vertical-align: middle;
    }
</style>

<div class="row page-wrap">
    <div class="col-md-12">
        <div class="" style="">
            <div class=" ">
                <div class="panel panel-default" style="background-color:#708090;">
                    <div class="panel-heading" style="padding-bottom:0px">
                        <div class="panel-title">
                            <h2>{!! $data['pageTitle'] !!} List</h2>
                        </div>
                        <!-- <a type="button" href="{{ url('eims/examination/exam/academic/student-wise-mark-submission/create') }}"
                            class="btn btn-info pull-right addViewBtn"><i
                                class="glyphicon glyphicon-plus-sign addIcon"></i>Add {{ $data['pageTitle'] }}</a> -->
                    </div>

                    <div class="panel-body panelBodyView">
                        @php
                        if ($data['companyType'] == 'UNV') {
                        $searchElements[] = ['element' => 'fillFacultyId'];
                        }
                        $programMediumLabel = $data['companyType'] == 'UNV' ? 'Program' : 'Medium/Version';
                        $semesterClassLabel = $data['companyType'] == 'UNV' ? 'Semester' : 'Class';
                        $searchElements[] = ['element' => 'fillProgramId' , 'label'=> $programMediumLabel];
                        $searchElements[] = ['element' => 'fillSessionId', 'label'=> 'Session'];
                        $searchElements[] = ['element' => 'fillSemesterClassId', 'label'=> $semesterClassLabel];
                        if ($data['companyType'] == 'SCL' || $data['companyType'] == 'CLG') {
                        $searchElements[] = ['element' => 'fillSemesterClassGroupId'];
                        }
                        $searchElements[] = ['element' => 'fillAcademicExamId', 'label'=> 'Academic Exam'];
                        @endphp
                        @include('partials.searchPanel.main', ['searchElements' => $searchElements])


                        <table class="table table-striped table-bordered table-condensed first-col-dark" id="datatable"
                            style="width:100%">

                            <thead id="table_head" style="display: none;">
                                <tr>
                                    <th width="30">SL#</th>
                                    <th class="text-center text-nowrap">Student Roll</th>
                                    <th class="text-center text-nowrap">Student ID No</th>
                                    <th class="text-center text-nowrap">Student Name</th>
                                    <th class="text-center text-nowrap">Created By</th>
                                    <th class="text-center text-nowrap">Action</th>
                                </tr>
                            </thead>
                        </table>
                    </div>

                    {!! Form::open(['id' => 'academic_exam_marks_distribution_form', 'method' => 'POST']) !!}

                    <input type="hidden" name="exam_program_id" id="exam_program_id_hidden">
                    <input type="hidden" name="exam_session_id" id="exam_session_id_hidden">
                    <input type="hidden" name="exam_semester_class_id" id="exam_semester_class_id_hidden">
                    <input type="hidden" name="academic_exam_id" id="academic_exam_id_hidden">
                    <input type="hidden" name="academic_exam_activities_id" id="academic_exam_activities_id_hidden">
                    <input type="hidden" name="exam_course_subject_id" id="course_subject_id_hidden">
                    <input type="hidden" name="exam_course_subject_type_id" id="course_subject_type_id_hidden">

                    {{-- Table Section --}}
                    <div id="headerSection"></div>

                    <div id="tableSection" style="display:none; margin-top: 20px;">
                        <table class="table table-striped table-bordered" style="width: 100%; border-collapse: collapse; text-align: center" id="subjectWiseMarksTable">
                        </table>
                        <table class="table table-striped table-bordered" style="width: 100%; border-collapse: collapse; text-align: center;display:none;" id="subjectWiseMarksTableForExcel">
                        </table>

                        <div class="row" style="margin-top: 15px;">
                            <div class="col-md-12 text-right">
                                <button type="submit" id="submitButton" class="btn btn-primary">Submit</button>
                                <a href="{{ url('eims/examination/exam/academic/mark-submission') }}" style="margin-bottom: 10px;"
                                    class="btn btn-danger">Close</a>
                            </div>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>



<script type="text/javascript">
    $(document).ready(function() {
        var dataTable;

        $("#searchForm").submit(function(e) {
            e.preventDefault();


            const ProgramMediumId = $('#fillProgramId').val();
            const sessionId = $('#fillSessionId').val();
            const semesterClassId = $('#fillSemesterClassId').val();
            const academicExamId = $('#fillAcademicExamId').val();
            let hasError = false;

            // Clear any existing error messages
            $('#fillProgramId').parent().find('.error-message').remove();
            $('#fillSessionId').parent().find('.error-message').remove();
            $('#fillSemesterClassId').parent().find('.error-message').remove();
            $('#fillAcademicExamId').parent().find('.error-message').remove();

            // Validate ProgramMediumId
            if (!ProgramMediumId) {
                $('#fillProgramId')
                    .parent()
                    .append('<span class="error-message text-danger">This field is required.</span>');
                hasError = true;
            }

            // Validate sessionId
            if (!sessionId) {
                $('#fillSessionId')
                    .parent()
                    .append('<span class="error-message text-danger">This field is required.</span>');
                hasError = true;
            }

            // Validate semesterClassId
            if (!semesterClassId) {
                $('#fillSemesterClassId')
                    .parent()
                    .append('<span class="error-message text-danger">This field is required.</span>');
                hasError = true;
            }

            // Validate academicExamId
            if (!academicExamId) {
                $('#fillAcademicExamId')
                    .parent()
                    .append('<span class="error-message text-danger">This field is required.</span>');
                hasError = true;
            }

            // If any field has an error, stop further processing
            if (hasError) {
                return;
            }


            $('#table_head').show();
            $('.table-container').show();

            if (!$.fn.dataTable.isDataTable('#datatable')) {
                dataTable = $('#datatable').DataTable({
                    "sDom": "ltipr",
                    "processing": true,
                    "serverSide": true,
                    "ordering": false,
                    "paging": false,
                    "ajax": {
                        "url": "{{ Request::url() }}",
                        "type": "POST",
                        "beforeSend": function() {
                            $('#loadingModal').show();
                        },
                        "data": function(d) {
                            var inputs = {};
                            $.each($('#searchForm').serializeArray(), function() {
                                inputs[this.name] = this.value;
                            });
                            d.filter = inputs;
                        },
                        "dataSrc": function(json) {
                            // Store existingRecord for later use in render function
                            window.existingRecords = json.existingRecord;
                            return json.data;
                        }
                    },
                    "drawCallback": function(settings) {
                        $('#loadingModal').hide();
                    },
                    "columns": [{
                            "data": "sl"
                        },
                        {
                            "data": "roll_no",
                            className: "text-align-center"
                        },
                        {
                            "data": "student_id_no",
                            className: "text-align-center"
                        },
                        {
                            "data": "name",
                            className: "text-align-center"
                        },
                        {
                            "data": "created_by",
                            className: "text-align-center"
                        },
                        {
                            "data": "id",
                            className: "text-align-center text-nowrap"
                        }
                    ],
                    "columnDefs": [{
                        "targets": -1,
                        "data": null,
                        "render": function(data, type, row) {
                            let isExisting = false;

                            // Check if row matches any existingRecord
                            if (window.existingRecords) {
                                isExisting = window.existingRecords.some(record =>
                                    record.program_medium_id == row.program_medium_id_val &&
                                    record.session_id == row.session_id &&
                                    record.semester_class_id == row.semester_class_id_val &&
                                    record.academic_exam_activities_id == $('#fillAcademicExamId').val() &&
                                    record.student_id == row.student_id_val // Compare student_id
                                );
                            }

                            // Render button based on whether it's an existing record
                            return `
                                <a href="{{ route("eims_academic_exam_student_wise_marks_submission_create") }}?student_id=${encodeURIComponent(row.student_id_val)}&program_medium_id=${encodeURIComponent(row.program_medium_id_val)}&session_id=${encodeURIComponent(row.session_id)}&semester_class_id=${encodeURIComponent(row.semester_class_id_val)}&academic_exam_activities_id=${encodeURIComponent($('#fillAcademicExamId').val())}" 
                                    class="btn btn-xs btn-info" target="_blank">
                                    ${isExisting ? '<i class="fa fa-edit" aria-hidden="true"></i>' : '<i class="fa fa-plus" aria-hidden="true"></i>'}
                                </a>`;
                        },
                        "orderable": false,
                        "searchable": false
                    }]
                });
            } else {
                dataTable.ajax.reload();
            }
        });
    });
</script>



@endsection