@extends('layouts/eims_layout')
@section('title', '| ' . $pageTitle)
@section('content')
    @include('successMsg')
    @php
        $companyType = $companyType ?? 'SCL';
        $programMediumLabel = $companyType === 'UNV' ? 'Program' : 'Medium/Version';
        $semesterClassLabel = $companyType === 'UNV' ? 'Semester' : 'Class';
    @endphp

    <div class="row add-data-form">
        <div class="col-md-10 col-md-offset-1">
            <div class="viewTitle">
                <div class="panel-heading" style="padding-bottom:0; ">
                    <div class="panel-options" style="margin-bottom: 1%">
                        <a class="btn btn-info pull-right addViewBtn"
                           href="{{route('eims_academic_exam_subject_marks_submission')}}">
                            <i class="glyphicon glyphicon-list addIcon" aria-hidden="true"></i>
                            {{ $pageTitle }} List
                        </a>
                    </div>
                    <div class="panel-title">{{ $pageTitle }}</div>
                </div>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-body">
                    <div class="row">
                        {!! Form::open(['id' => 'academicExamSubjectWiseMarkSubmissionSearchForm', 'method' => 'POST', 'autocomplete'=> 'off']) !!}

                        <div class="col-md-2 ">
                            {{-- program_id --}}
                            <div class="form-group">
                                {!! Form::label('program_id', $programMediumLabel .': <sup class="text-danger">*</sup>',['class' => 'control-label'],false) !!}

                                <div class="">
                                    {!! Form::select('program_id', $programs ?? [], $admissionExam->program_id ?? null, [
                                    'class' => 'form-control custom-select2',
                                    'placeholder' =>"Select $programMediumLabel",
                                    'id' => 'program_id',
                                    'required' => true,
                                    ]) !!}
                                    <p id='program_id_error' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-2">
                            {{-- session --}}
                            <div class="form-group">
                                {!! Form::label('session_id', 'Session: <sup class="text-danger">*<sup>', ['class' => ' control-label'], false) !!}
                                <div class="">
                                    {!! Form::select('session_id', $sessions ?? [], $admissionExam->session_id ?? null, [
                                    'class' => 'form-control custom-select2',
                                    'placeholder' => 'Select Session',
                                    'id' => 'session_id',
                                    'required' => true,
                                    ]) !!}
                                    <p id='session_id_error' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2">
                            {{-- semester_class_id --}}
                            <div class="form-group ">
                                {!! Form::label( 'semester_class_id', $semesterClassLabel . '<sup class="text-danger">*</sup>', ['class' => 'control-label'], false ) !!}
                                <div class="">
                                    {!! Form::select('semester_class_id', $semesterClasses ?? [], $admissionExam->semester_class_id ?? null, [
                                    'class' => 'form-control custom-select2',
                                    'placeholder' => "Select $semesterClassLabel",
                                    'id' => 'semester_class_id',
                                    'required' => true,
                                    ]) !!}
                                    <p id='semester_class_id_error' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>

                        @if($companyType != 'UNV')
                            <div class="col-md-2">
                                {{-- semester_class_id --}}
                                <div class="form-group ">
                                    {!! Form::label( 'semester_class_group_id', 'Group' . '<sup class="text-danger">*</sup>', ['class' => 'control-label'], false ) !!}

                                    <div class="">
                                        {!! Form::select('semester_class_group_type_id', $semesterClassGroupType ?? [], $semesterClassGroupType ?? null, [
                                        'class' => 'form-control custom-select2',
                                        'placeholder' => $companyType == 'UNV' ? 'Please Select Semester Group' : 'Please Select Class Group',
                                        'id' => 'semester_class_group_type_id',
                                        'required' => true,
                                        ]) !!}
                                        <p id='semester_class_group_type_id_error' style="min-height:3px;"></p>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <div class="col-sm-2">
                            {{-- admission_exam --}}
                            <div class="form-group ">
                                {!! Form::label('academic_exam_id', 'Academic Exam: <sup class="text-danger">*<sup>', ['class' => ' control-label'], false) !!}
                                <div class="">
                                    {!! Form::select('academic_exam_id', [], null, [
                                    'class' => 'form-control custom-select2',
                                    'placeholder' => 'Select Academic Exam',
                                    'id' => 'academic_exam_id',
                                    'required' => true,
                                    'autocomplete' => 'off',
                                    ]) !!}
                                    <p id='academic_exam_id_error' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2">
                            {{-- semester_class_id --}}
                            <div class="form-group ">
                                {!! Form::label(
                                'semester_class_group_id',
                                $companyType == 'UNV'
                                ? 'Course' . '<sup class="text-danger">*</sup>'
                                : 'Subject' . '<sup class="text-danger">*</sup>',
                                ['class' => 'control-label'],
                                false,
                                ) !!}

                                <div class="">
                                    {!! Form::select('academic_exam_subject_id', $courseSubject ?? [], null, [
                                    'class' => 'form-control custom-select2',
                                    'placeholder' => $companyType == 'UNV' ? 'Please Select Course' : 'Please Select Subject',
                                    'id' => 'academic_exam_subject_id',
                                    'required' => true,
                                    ]) !!}
                                    <p id='academic_exam_subject_id_error' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 text-right">
                            <div class="form-group">
                                <button type="submit" class="btn btn-info text-right">Search</button>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>

                    <div class="row">
                        {!! Form::open(['id' => 'academicExamSubjectWiseMarkSubmissionForm', '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="exam_semester_class_group_id"
                               id="exam_semester_class_group_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>

                            <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/subject-wise-mark-submission') }}"
                                       style="margin-bottom: 10px;"
                                       class="btn btn-danger">Close</a>
                                </div>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
            <div class="viewTitle"></div>
        </div>
    </div>


    <script src="{{ asset('js/eims/sheetjs/xlsx.full.min.js') }}"></script>
    <script type="text/javascript">
        const companyType = '{{ $companyType }}';
        const programMediumLabel = '{{ $programMediumLabel }}';
        const semesterClassLabel = '{{ $semesterClassLabel }}';
        let configArr = [];

        function hideErrorMessage() {

            $("input").keyup(function () {
                var inputValue = $(this).val();
                var inputId = $(this).attr('id');

                if (inputValue) {
                    $('#' + inputId + 'e').hide();
                } else {
                    $('#' + inputId + 'e').show();
                }
            });

            $("select").change(function () {
                var selectedValue = $(this).val();
                var elementId = $(this).attr('id');
                if (selectedValue) {
                    $('#' + elementId + 'e').hide();
                } else {
                    $('#' + elementId + 'e').show();
                }
            });
        }

        function setErrorsText(errors) {
            console.log('_response.errors ', errors);
            $.each(errors, function (key, value) {
                console.log(key, value);
                $('#' + key + '_error').empty().show().append('<span class="errormsg" style="color:red;">' + value +
                    '</span>');

            });
        }


        //////////Start Table calculation and validation/////////////////////////////////////////////////
        function isNumberKey(evt) {
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            // Allow only numbers and one decimal point
            if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode !== 46)
                return false;
            return true;
        }

        function checkMaxValue(input, maxValue) {
            const value = parseFloat(input.value);
            if (value > maxValue) {
                // Use SweetAlert for the alert dialog
                Swal.fire({
                    icon: "warning",
                    title: "Invalid Value",
                    text: "Value cannot exceed " + maxValue,
                    confirmButtonText: "OK"
                }).then(() => {
                    // Subtract the alerting value from the total
                    subtractFromTotal(input);
                    // Clear the input value after the alert
                    input.value = null;
                });
            }
            calculateTotalMarks(input);
        }

        function calculateTotalMarks(input) {
            const row = input.closest("tr");
            const numberInputs = row.querySelectorAll("input[type=\'number\']");
            let total = 0;
            numberInputs.forEach(function (inputField) {
                const value = parseFloat(inputField.value) || 0;
                total += value;
            });

            const totalMarksField = row.querySelector(".total-marks-input");
            if (totalMarksField) {
                totalMarksField.value = total;
            }
        }

        function subtractFromTotal(input) {
            const row = input.closest("tr");
            const totalMarksField = row.querySelector(".total-marks-input");
            const valueToSubtract = parseFloat(input.value) || 0;

            // Subtract the value from the current total
            if (totalMarksField && !isNaN(valueToSubtract)) {
                const currentTotal = parseFloat(totalMarksField.value) || 0;
                totalMarksField.value = Math.max(0, currentTotal - valueToSubtract); //
            }
        }

        function toggleInputs(checkbox) {
            const row = checkbox.closest("tr");
            const inputs = row.querySelectorAll(
                ".theory-marks-input,.practical-marks-input, .config-marks-input, .total-marks-input,.note-input"); // Select all relevant inputs
            inputs.forEach(function (input) {
                // total-marks-input is readonly by default don't toggle it
                if (!input.classList.contains("total-marks-input")) {
                    input.readOnly = !checkbox.checked; // Toggle readonly based on checkbox state
                }
                if (!checkbox.checked) {
                    input.value = ""; // Optionally clear values if unchecked
                }
            });
        }

        //////////End Table calculation and validation/////////////////////////////////////////////////


        //////////Table to Excel Sheet download///////////////////////////////////

        function exportTableToExcel(tableId, fileFormat = 'xlsx') {
            const fileName1 = `student_marks_distribution_${new Date().toISOString().replace(/[:.]/g, '-')}`.toLowerCase();
            const table = document.getElementById(tableId);
            const ws = XLSX.utils.table_to_sheet(table);
            const wb = XLSX.utils.book_new();

            XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

            // Define file extension based on format
            let extension;
            switch (fileFormat.toLowerCase()) {
                case 'xls':
                    extension = '.xls';
                    break;
                case 'csv':
                    extension = '.csv';
                    break;
                case 'xlsx':
                default:
                    extension = '.xlsx';
                    break;
            }

            // Generate the file name with the specified extension
            const fileName = `${fileName1}${extension}`;

            // Save file based on format
            if (fileFormat === 'csv') {
                XLSX.writeFile(wb, fileName, {
                    bookType: 'csv'
                });
            } else if (fileFormat === 'xls') {
                XLSX.writeFile(wb, fileName, {
                    bookType: 'xls'
                });
            } else {
                XLSX.writeFile(wb, fileName, {
                    bookType: 'xlsx'
                });
            }
        }

        //////////Start Excel Sheet to Table data bring///////////////////////////////////

        let importedData = []; // Variable to hold imported Excel data

        function importExcelToInputs() {
            const fileInput = document.getElementById('importExcelFile');
            const file = fileInput.files[0];
            if (file) {
                const reader = new FileReader();

                reader.onload = function (e) {
                    const data = new Uint8Array(e.target.result);
                    const workbook = XLSX.read(data, {
                        type: 'array'
                    });
                    const firstSheet = workbook.Sheets[workbook.SheetNames[0]];
                    const jsonData = XLSX.utils.sheet_to_json(firstSheet);

                    // Store the row-wise data in the importedData array
                    importedData = jsonData;

                    importedData.forEach((row, key) => {
                        // Extract relevant fields from the object
                        let keyofstudent = `${row.roll_no}_${row.sl}`;
                        let sl = row.sl;
                        let roll_no = row.roll_no;
                        let exam_attendance = row.exam_attendance;
                        let theory_marks = parseFloat(row.theory_marks) || 0;
                        let practical_marks = parseFloat(row.practical_marks) || 0;
                        let note = row.note;

                        // Set the values for theory and practical marks
                        $(`#theory_marks_${keyofstudent}`).val(theory_marks);
                        $(`#practical_marks_${keyofstudent}`).val(practical_marks);
                        $(`#notes_${keyofstudent}`).val(note);

                        // Calculate t_p_total
                        let t_p_total = theory_marks + practical_marks;

                        // Initialize m_total for each student
                        let m_total = 0;

                        // Loop through configArr to set values dynamically for each config and calculate m_total
                        configArr.forEach((config) => {
                            let value = parseFloat(row[config]) || 0;
                            $(`#${config}_${keyofstudent}`).val(value);
                            m_total += value;
                        });

                        // Calculate total
                        let total = t_p_total + m_total;

                        // Set the total in the input
                        $(`#total_${keyofstudent}`).val(total);
                        // Set the total in the input and make it readonly


                        if (exam_attendance == 1) {
                            $(`#exam_attendance_${keyofstudent}`).prop("checked", true);
                            readOnlyApply(keyofstudent, configArr, false);
                        } else {
                            $(`#exam_attendance_${keyofstudent}`).prop("checked", false);
                            readOnlyApply(keyofstudent, configArr, true);
                        }
                    });
                };

                reader.readAsArrayBuffer(file);
            } else {
                Swal.fire({
                    icon: 'error',
                    title: 'No file selected',
                    text: 'Please upload an Excel file.',
                    confirmButtonText: 'OK'
                });
            }
        }


        function readOnlyApply(keyofstudent, configArr, status) {
            if (status == true) {
                $(`#theory_marks_${keyofstudent}`).prop("readonly", status).val('');
                $(`#practical_marks_${keyofstudent}`).prop("readonly", status).val('');
                $(`#notes_${keyofstudent}`).prop("readonly", status).val('');
                configArr.forEach((config) => {
                    $(`#${config}_${keyofstudent}`).prop("readonly", status).val('');
                });
                $(`#total_${keyofstudent}`).val('').prop("readonly", true); // Always keep total readonly
            } else {
                $(`#theory_marks_${keyofstudent}`).prop("readonly", status);
                $(`#practical_marks_${keyofstudent}`).prop("readonly", status);
                $(`#notes_${keyofstudent}`).prop("readonly", status);
                configArr.forEach((config) => {
                    $(`#${config}_${keyofstudent}`).prop("readonly", status);
                });
                $(`#total_${keyofstudent}`).prop("readonly", true); // Ensure total stays readonly
            }
        }


        //////////End Excel Sheet to Table data bring///////////////////////////////////


        /////////Reset & clear Import Excel File Button///////////////////////
        function clearFileInput() {
            document.getElementById('importExcelFile').value = "";
        }

        $(document).ready(function () {

            const programIdField = $('#program_id');
            const sessionIdField = $('#session_id');
            const semesterClassIdField = $('#semester_class_id');
            const academicExamIdField = $('#academic_exam_id');
            const academicExamSubjectIdField = $('#academic_exam_subject_id');
            const semesterClassGroupTypeId = $('#semester_class_group_type_id');


            // get semester_class and session by program
            programIdField.change(function (e) {
                e.preventDefault();

                const program_id = programIdField.val();
                semesterClassIdField.empty().prepend(`<option selected="selected" value="">Select ${semesterClassLabel}</option>`);

                sessionIdField.empty().prepend(
                    '<option selected="selected" value="">Select Session</option>');

                $.ajax({
                    type: 'post',
                    url: `{{ route('eims_faculty_department_program_session_semester_section_course_subject_option_change') }}`,
                    data: {
                        program_id: program_id
                    },
                    dataType: 'json',
                    success: function (_response) {
                        $.each(_response, function (key, value) {
                            {
                                if (key === "semesterClassListByProgramChange") {
                                    $.each(value, function (index, result) {
                                        $('#semester_class_id')
                                            .append(
                                                "<option value='" + result
                                                    .id +
                                                "'>" + result.name +
                                                "</option>"
                                            );
                                    });
                                }

                                if (key === "sessionListByProgramChange") {
                                    $.each(value, function (index, result) {
                                        $('#session_id')
                                            .append(
                                                "<option value='" + result
                                                    .id +
                                                "'>" + result.name +
                                                "</option>"
                                            );
                                    });
                                }
                            }
                        });
                    }
                });
            });

            // get academic exam by semester_class and session
            semesterClassIdField.change(function (e) {
                e.preventDefault();
                const semester_class_id = semesterClassIdField.val();
                const session_id = sessionIdField.val();

                academicExamIdField.empty().prepend(
                    '<option selected="selected" value="">Please select academic exam</option>');
                $.ajax({
                    type: 'post',
                    url: `{{ route('eims_academic_exams') }}`,
                    data: {
                        semester_class_id: semester_class_id,
                        session_id: session_id
                    },
                    dataType: 'json',
                    success: function (_response) {

                        $.each(_response, function (index, result) {
                            $('#academic_exam_id')
                                .append(
                                    "<option data-examid = '" + result.exam_id + "' value='" + result.id +
                                    "'>" + result.name +
                                    "</option>"
                                );
                        });

                    }
                });
            });

            // get exam Subject by semester_class and Program-Media
            semesterClassIdField.change(function (e) {
                e.preventDefault();
                const semester_class_id = semesterClassIdField.val();
                const program_media_id = programIdField.val();

                academicExamSubjectIdField.empty().prepend(
                    '<option selected="selected" value="">Select Subject</option>');
                $.ajax({
                    type: 'post',
                    url: `{{ route('eims_academic_exams_subjects') }}`,
                    data: {
                        semester_class_id: semester_class_id,
                        program_media_id: program_media_id
                    },
                    dataType: 'json',
                    success: function (_response) {

                        $.each(_response, function (index, result) {
                            $('#academic_exam_subject_id')
                                .append(
                                    "<option value='" + index +
                                    "'>" + result +
                                    "</option>"
                                );
                        });
                    }
                });
            });

            const filterSectionIdField = $('#filter_section_id');
            const filterSemesterClassGroupIdField = $('#filter_semester_class_group_id');

            const subjectWiseMarksTable = $('#subjectWiseMarksTable');
            const headerSection = $('#headerSection');
            const tableSection = $('#tableSection');

            $('#academicExamSubjectWiseMarkSubmissionSearchForm').submit(function (e) {
                e.preventDefault();


                const program_id = programIdField.val();
                const session_id = sessionIdField.val();
                const semester_class_id = semesterClassIdField.val();
                const academic_exam_subject_id = academicExamSubjectIdField.val();
                const semester_class_group_type_id = semesterClassGroupTypeId.val();


                $('.errormsg').empty();
                subjectWiseMarksTable.empty();
                headerSection.empty()
                tableSection.hide();


                $.ajax({
                    url: `{{ route('eims_academic_exam_subject_marks_submission_create') }}`,
                    method: 'POST',
                    dataType: 'json',
                    data: {
                        program_id: program_id,
                        session_id: session_id,
                        semester_class_id: semester_class_id,
                        academic_exam_activities_id: academicExamIdField.val(),
                        academic_exam_id: academicExamIdField.find('option:selected').data('examid'),
                        academic_exam_subject_id: academic_exam_subject_id,
                        semester_class_group_type_id: semester_class_group_type_id,
                    },
                    success: function (_response) {
                        if (_response.responseStatus === 'success') {
                            $('#exam_program_id_hidden').val(_response.exam_program_id);
                            $('#exam_session_id_hidden').val(_response.exam_session_id);
                            $('#exam_semester_class_id_hidden').val(_response.exam_semester_class_id);
                            $('#exam_semester_class_group_id_hidden').val(_response.semester_class_group_id);
                            $('#exam_course_subject_name').text(_response.course_subject_name);
                            $('#academic_exam_id_hidden').val(_response.academic_exam_id);
                            $('#academic_exam_activities_id_hidden').val(_response.academic_exam_activities_id);
                            $('#course_subject_id_hidden').val(_response.course_subject_id);
                            $('#course_subject_type_id_hidden').val(_response.course_subject_type_id);

                            const header = `
                            <div class="row" style="margin-bottom: 2%">
                                <div class="col-sm-4 col-xs-12 col-sm-offset-4 text-center">
                                    <h5>
                                        <ul>
                                            <li style="list-style-type: none;"><h2 style="text-align:center;"><span id="">${_response.course_subject_name}</span></h2></li>
                                            <li style="list-style-type: none;"><span style="font-weight: bold;" id="program_heading">{{ $companyType === 'SCL' ? 'Medium/Version' : ($companyType === 'UNV' ? 'Program' : 'Program/Media') }}</span> : <span id="program_name">${_response.program_media_name}</span></li>
                                            <li style="list-style-type: none;"><span style="font-weight: bold;">Session</span> : <span id="session_name_heading">${_response.session_name}</span></li>
                                            <li style="list-style-type: none;"><span style="font-weight: bold;" id="program_heading">{{ $companyType === 'SCL' ? 'Class' : ($companyType === 'UNV' ? 'Semester' : 'Program/Media') }}</span> : <span id="program_name">${_response.semester_class_name}</span></li>
                                        </ul>
                                    </h5>
                                </div>
                                <div class="col-sm-4">
                                    <div style="margin-top: 8%; display: block;">
                                        <input type="file" id="importExcelFile" accept=".xlsx, .xls, .csv" class="form-control dropify inline" data-height="65" style="max-width: 50%;" autocomplete="off">
                                        <button type="button" onclick="importExcelToInputs()" class="btn-sm btn-info inline">Upload</button>
                                        <a class="btn btn-sm inline btn-info" style="float: right" onclick="exportTableToExcel('subjectWiseMarksTableForExcel')"><i class="fa fa-download"></i> Download Sample</a>
                                    </div>
                                </div>
                            </div>`;
                            headerSection.prepend(header);

                            filterSectionIdField.val(_response.exam_section);
                            filterSemesterClassGroupIdField.val(_response.semester_class_group);
                            filterSectionIdField.empty().prepend(`<option value='0'>Select Section</option>`);
                            $.each(_response.exam_section, function (index, value) {
                                filterSectionIdField.append(`<option value="${value.id}">${value.name}</option>`);
                            });
                            filterSemesterClassGroupIdField.empty().prepend(`<option value='0'>Select Semester/Class Group</option>`);
                            $.each(_response.semester_class_group, function (index, value) {
                                filterSemesterClassGroupIdField.append(`<option value="${value.id}">${value.name}</option>`);
                            });

                            tableSection.show();
                            $('#subjectWiseMarksTable').html(_response.html);
                            $('#subjectWiseMarksTableForExcel').html(_response.html_for_excel);
                            configArr = _response.configArray;
                        } else {
                            setErrorsText(_response.errors);
                            Swal.fire({
                                icon: 'error',
                                title: 'Something went wrong!',
                                showConfirmButton: true
                            });
                        }
                    },
                    error: function (_response) {
                        const {responseStatus, responseTitle, responseText} = _response.responseJSON;
                        Swal.fire({
                            icon: responseStatus,
                            title: responseTitle,
                            text: responseText,
                            showConfirmButton: true
                        });
                        setErrorsText(_response.errors);
                    },
                    complete: function () {
                        $('#add').removeAttr('disabled').html('Submit');
                    }
                });
            });

            $('#academicExamSubjectWiseMarkSubmissionForm').submit(function (e) {

                e.preventDefault(e);

                Swal.fire({
                    title: 'Are you sure?',
                    text: "Once submit you won't be able to revert this. Please check marks again!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#7e7979',
                    confirmButtonText: 'Yes, submit it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        let formData = $(this).serialize();
                        $.ajax({

                            url: `{{ route('eims_academic_exam_subject_marks_submission_store') }}`,
                            type: 'POST',
                            data: formData,
                            success: function (response) {
                                const {responseStatus, responseTitle, responseText} = response;
                                Swal.fire({
                                    icon: responseStatus,
                                    title: responseTitle,
                                    text: responseText,
                                    showConfirmButton: false,
                                    timer: 1500
                                })

                                setTimeout(function () {
                                    subjectWiseMarksTable.empty();
                                    headerSection.empty()
                                    tableSection.hide();
                                }, 1000);
                            },
                            error: function (response) {
                                const {responseStatus, responseTitle, responseText} = response.responseJSON;
                                Swal.fire({
                                    icon: responseStatus,
                                    title: responseTitle,
                                    text: responseText,
                                    showConfirmButton: false,
                                    timer: 1500
                                })
                            }
                        });
                    }
                })
            });
        });
    </script>
@endsection