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

<style>
    /* General styling for the table */
    table#exam_subject_mark_config_table th,
    table#exam_subject_mark_config_table td {
        width: auto;
        padding: 4px;
        word-wrap: break-word;
        text-align: center;
    }

    /* General styling for form labels and inputs */
    .control-label {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    /* Input fields shared styles */
    table#exam_subject_mark_config_table td input[type="number"] {
        text-align: center;
        width: 70%;
        display: inline-block;
        margin-left: 5px;
    }

    /* Adjust input field widths */
    table#exam_subject_mark_config_table .min-mark-input,
    table#exam_subject_mark_config_table .max-number-input,
    table#exam_subject_mark_config_table .theory-input,
    table#exam_subject_mark_config_table .practical-input {
        width: 90% !important;
    }

    /* Design card styling */
    .design_card {
        border: 1px solid #ddd;
        border-radius: 8px;
        padding-top: 12px;
        box-shadow: 0 2px 5px #e9e4e4ec;
    }

    /* Each subject panel styling */
    .each_subject_panel {
        border-radius: 10px;
        background-color: #e5e7e9;
        margin-top: 10px;
    }

    .panel-heading {
        padding: 0 !important;
    }

    /* Control the size of the inputs */
    .exam-config-input {
        width: 70%;
        margin-left: 10px;
    }

    /* Additional spacing for rows, if needed */
    .new-row {
        margin-bottom: 10px;
    }

    /* Optional: Adjust container widths */
    .custom-width {
        width: 400px;
    }

    /* Center align checkboxes */
    .form-check {
        display: flex;
        align-items: center;
    }

    /* Input-checkbox container styling */
    .input-checkbox-container {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    /* Hide number input spinners for WebKit browsers (Chrome, Safari) */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        /* Remove spinner */
        margin: 0;
        text-align: center;
        /* Reset margin */
    }

    /* Hide number input spinners for Firefox */
    input[type="number"] {
        -moz-appearance: textfield;
        text-align: center;
        /* Remove spinner */
    }
</style>




<div class="row page-wrap">
    <div class="col-md-12">
        <div class="viewTitle">
            <div class="panel-options">
                <a class="btn btn-info pull-right addViewBtn" href="{{ route('eims_admission_exam_subject_marks_config_list') }}">
                    <i class="glyphicon glyphicon-plus-sign addIcon" aria-hidden="true"></i>
                    {{ $data['pageTitle'] }} List
                </a>
            </div>
            <h1 class="text-center ls-2 text-white" style="font-family: Antiqua,serif;">
                {{ $data['pageTitle'] }} View
            </h1>
        </div>



        {{-- Form Collection using Laravel Collective --}}
        {!! Form::open([
        'route' => 'eims_exam_subject_marks_config_store',
        'id' => 'admissionExamSubjectMarkConfigurationForm',
        'class' => 'form-horizontal form-groups',
        'autocomplete' => 'off'
        ]) !!}


        <div class="panel panel-default">
            <div class="panel-body panelBodyView" style="color: #000000 !important;">

                <div id="exam_subject_mark_config_table" class="col-sm-12 design_card" style="margin-top: 40px">
                    <div style="background-color: #f8f9fa; padding: 1px 0px; border-radius: 8px;">
                        <div class="custom-card-body">
                            <div class="row" style="margin: 20px 7px">
                                <div class="col-sm-6">
                                    <div class="form-group row">
                                        {!! Form::label(
                                        'program_id',
                                        $data['companyType'] == 'UNV'
                                        ? 'Program: <sup class="text-danger">*</sup>'
                                        : 'Medium/Version: <sup class="text-danger">*</sup>',
                                        ['class' => 'control-label text-gray col-sm-4'],
                                        false,
                                        ) !!}
                                        <div class="col-sm-8">
                                            {!! Form::select('program_id', $programs, $value = $examCourseSubjectMarkConfig->program_id ?? null, [
                                            'class' => 'form-control',
                                            'id' => 'program_id',
                                            'placeholder' => $data['companyType'] == 'UNV' ? 'Select Program' : 'Select Medium/Version',
                                            'disabled' => 'true',
                                            ]) !!}
                                            <p id='program_ide' style="max-height:3px;"></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group row">
                                        {!! Form::label(
                                        'semester_class_id',
                                        $data['companyType'] == 'UNV' ? 'Semester: <sup class="text-danger">*</sup>' : 'Class: <sup class="text-danger">*</sup>',
                                        ['class' => 'control-label text-gray col-sm-4'],
                                        false,
                                        ) !!}
                                        <div class="col-sm-8">
                                            {!! Form::select('semester_class_id', $semesterClass, $value = $examCourseSubjectMarkConfig->semester_class_id ?? null, [
                                            'class' => 'form-control',
                                            'id' => 'semester_class_id',
                                            'placeholder' => $data['companyType'] == 'UNV' ? 'Select Semester' : 'Select Class',
                                            'disabled' => 'true',
                                            ]) !!}
                                            <p id='semester_class_ide' style="max-height:3px;"></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group row">
                                        {!! Form::label('name', 'Exam Subject Config Name: <sup class="text-danger">*<sup>', [
                                                'class' => 'control-label text-gray col-sm-4',
                                                ], false) !!}
                                                <div class="col-sm-8">
                                                    {!! Form::text('name', $examCourseSubjectMarkConfig->name ?? null, [
                                                    'id' => 'name',
                                                    'class' => 'form-control',
                                                    'placeholder' => 'Enter Exam Subject Config Name/Title',
                                                    'disabled' => 'true',
                                                    ]) !!}
                                                    <div id="namee" class="text-danger name_error"></div>
                                                </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group row">
                                        {!! Form::label('effective_date', 'Effective Date: <sup class="text-danger">*<sup>', [
                                                'class' => 'control-label text-gray col-sm-4',
                                                ], false) !!}
                                                <div class="col-sm-8">
                                                    {!! Form::text('effective_date', date('d-m-Y',strtotime($examCourseSubjectMarkConfig->effective_date)) ?? null, [
                                                    'id' => 'effective_date',
                                                    'class' => 'form-control',
                                                    'placeholder' => 'Enter Effective Date',
                                                    'disabled' => 'true',

                                                    ]) !!}
                                                    <div id="effective_datee"
                                                        class="text-danger effective_date_error"></div>
                                                </div>
                                    </div>
                                </div>


                                <div class="col-sm-6">
                                    <div class="form-group row">
                                        <label class="control-label text-gray col-sm-4">Select Minimum Mark Type: <sup class="text-danger">*</sup></label>
                                        <div class="col-sm-8">
                                            @foreach ($contentType as $value => $name)
                                            <label style="margin-left: 15px;">
                                                <input type="radio" name="minimum_mark_type_id" value="{{ $value }}" disabled
                                                    {{ $value == $examCourseSubjectMarkConfig->eims_exam_subject_marks_config_details[0]->minimum_mark_type_id ? 'checked' : (old('minimum_mark_type_id') == $value ? 'checked' : '') }}> {{ $name }}
                                            </label>
                                            @endforeach
                                            <p id="program_ide" style="max-height:3px;"></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div id="tableBody">
                        <div id="each_subject_card_1" class="each_subject_panel panel-default">
                            <div class="panel-body" id="each_subject" style="color: #000000;">
                                <div class="row" style="margin-left: 0px">
                                    <div class="col-sm-2">
                                        <h5 class="card-title">Exam Marking Range</h5>
                                    </div>
                                    <div class="col-md-10">
                                        <div class="marking-card"
                                            style="background-color: #f8f9fa; padding: 1px 0px; border-radius: 8px; width: 90%; margin: -15px 0px;">
                                            <div class="custom-card-body">
                                                <div class="form-group row" style="margin-top: 20px;">


                                                    <label for="max_mark_1" class="control-label text-gray col-sm-2" style="color: #454545; flex: 0 0 20%; padding: 4px !important; margin-left: 30px !important;">
                                                        Max Marks: <sup class="text-danger">*</sup>
                                                    </label>

                                                    <div class="col-sm-3">
                                                        {!! Form::number('max_marks[1]', $examCourseSubjectMarkConfig->eims_exam_subject_marks_config_details[0]->max_mark ?? null, [
                                                        'class' => 'form-control max-mark-input',
                                                        'placeholder' => 'Enter Max Marks',
                                                        'id' => 'max_mark_1',
                                                        'step' => '0.01',
                                                        'min' => '0',
                                                        'oninput' => "validity.valid||(value=''); toggleMarksInput();",
                                                        'disabled' => true
                                                        ]) !!}
                                                        <div id="max_marks1e" class="text-danger max-mark-error"></div>
                                                    </div>


                                                    <label for="min_mark_1" class="control-label text-gray col-sm-2"
                                                        style="color: #454545; flex: 0 0 20%; padding: 4px !important; margin-left: 30px !important;">
                                                        Min Marks: <sup class="text-danger">*</sup>
                                                    </label>

                                                    <div class="col-sm-3">
                                                        {!! Form::number('min_marks[1]', $examCourseSubjectMarkConfig->eims_exam_subject_marks_config_details[0]->min_mark ?? null, [
                                                        'class' => 'form-control min-mark-input',
                                                        'placeholder' => 'Enter Min Marks',
                                                        'id' => 'min_mark_1',
                                                        'min' => '0.01',
                                                        'step' => '0.01',
                                                        'oninput' => "validity.valid||(value='');",
                                                        'disabled' => true

                                                        ]) !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <br><br>
                                    </div>
                                </div>

                                <div class="row" style="margin-left: 0px; margin-bottom: 5px;">
                                    <div class="col-sm-2">
                                        <h5 class="card-title">Exam Criteria</h5>
                                    </div>
                                    <div class="col-sm-10">
                                        <div class="exam_criteria_card"
                                            style="background-color: #f8f9fa; padding: 1px 0px; border-radius: 8px; width: 90%; margin: -15px 0px;">
                                            <div class="custom-card-body" style="margin: 10px 5px; padding: 4px !important;">
                                                <div class="form-group row">
                                                    <div class="tab-content" style="margin-left: 10px;">
                                                        <div role="tabpanel" class="tab-pane fade in active" id="Monday">
                                                            <table id="addRoutineTable" class="table responsive addRoutineTable">
                                                                <tbody id="subject_config_body">
                                                                    @if($examCourseSubjectMarkConfig->eims_exam_subject_marks_config_details)

                                                                    @php
                                                                    $configMarKDetails = $examCourseSubjectMarkConfig->eims_exam_subject_marks_config_details[0]->config_marks;
                                                                    @endphp
                                                                    @foreach($configMarKDetails as $keyConfig => $config)

                                                                    <tr class="subjectValueRow" id="subjectRow1">
                                                                        <td class="subject_name_label">Subject Name</td>
                                                                        <td>

                                                                            {!! Form::text('subject_name[]', $keyConfig, [
                                                                            'class' => 'form-control input-sm text-center subject_name',
                                                                            'id' => 'subject_name1',
                                                                            'placeholder' => 'Enter Subject Name',
                                                                            'autocomplete' => 'off',
                                                                            'style' => 'margin-right: 10px;',
                                                                            'oninput' => "checkForReadonly(this,1)",
                                                                            'disabled' => true

                                                                            ]) !!}



                                                                            <div id="subject_namee" class="text-danger subject-name-error">
                                                                            </div>
                                                                        </td>


                                                                        <td class="subject_marks_label">Mark</td>
                                                                        <td>
                                                                            {!! Form::number('subject_marks[]', $config['marks'], [
                                                                            'class' => 'form-control input-sm text-center subject_marks_input',
                                                                            'id' => 'subject_marks_input1',
                                                                            'placeholder' => 'Enter Marks',
                                                                            'autocomplete' => 'off',
                                                                            'min' => '0',
                                                                            'step' => '0.01',
                                                                            'oninput' => "validity.valid||(value='');",
                                                                            'disabled' => true
                                                                            ]) !!}
                                                                            <div id="subject_markse"
                                                                                class="text-danger subject-marks-error"></div>
                                                                        </td>

                                                                        <td class="subject_pass_marks_label_for_subject_wise">Pass Mark</td>



                                                                        <td>
                                                                            {!! Form::number('subject_pass_marks[]', $config['pass_marks'], [
                                                                            'class' => 'form-control input-sm text-center subject_pass_marks_input',
                                                                            'id' => 'subject_pass_marks_input1',
                                                                            'placeholder' => 'Enter Marks',
                                                                            'autocomplete' => 'off',
                                                                            'min' => '0',
                                                                            'step' => '0.01',
                                                                            'oninput' => "validity.valid||(value='');", // Merged the two oninput functions
                                                                            'disabled' => true
                                                                            ]) !!}
                                                                            <div id="subject_markse" class="text-danger subject-marks-error"></div>
                                                                        </td>
                                                                    </tr>
                                                                    @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <br>
                            </div>
                        </div>
                    </div>
                    <br>


                </div>


            </div>
        </div>

        {!! Form::close() !!}
    </div>
</div>





<script>
    var companyType = "{{ $data['companyType'] }}";

    $('#program_id').change(function() {
        var program_id = $(this).val();

        if (program_id) {
            $.ajax({
                type: 'post',
                url: `{{ route('eims_faculty_department_program_session_semester_section_course_subject_option_change') }}`,
                data: {
                    fillProgramId: program_id
                },
                dataType: 'json',
                success: function(_response) {
                    $("#semester_class_id").empty();
                    if (companyType === 'UNV') {
                        $("#semester_class_id").prepend(
                            '<option selected="selected" value="">Please select semester</option>'
                        );
                    } else if (companyType === 'SCL') {
                        $("#semester_class_id").prepend(
                            '<option selected="selected" value="">Please select class</option>'
                        );
                    } else {
                        $("#semester_class_id").prepend(
                            '<option selected="selected" value="">Please select class</option>'
                        );
                    }

                    $.each(_response, function(key, value) {
                        if (key == "semesterClassListByProgramChange") {
                            $.each(value, function(index, result) {
                                $('#semester_class_id')
                                    .append("<option value='" + result.id + "'>" + result.name + "</option>");
                            });
                        }
                    });
                }
            });
        } else {
            $("#semester_class_id").empty();
        }
    });

    $("#effective_date").datepicker({
        dateFormat: "dd-mm-yy",
        changeMonth: true,
        changeYear: true,
    });


    // Enable subject marks and pass marks input when subject name is entered
    document.querySelectorAll('.subject_name').forEach((input) => {
        console.log('input ', input);

        input.addEventListener('input', function() {
            const row = input.closest('tr'); // Find the row containing the subject_name input
            const subjectMarksInput = row.querySelector('.subject_marks_input');
            const subjectPassMarksInput = row.querySelector('.subject_pass_marks_input');

            if (input.value.trim() !== '') { // If subject_name is not empty
                subjectMarksInput.removeAttribute('readonly'); // Enable subject_marks input
                subjectPassMarksInput.removeAttribute('readonly'); // Enable subject_pass_marks input
            } else {
                subjectMarksInput.setAttribute('readonly', 'readonly'); // Disable subject_marks input
                subjectPassMarksInput.setAttribute('readonly', 'readonly'); // Disable subject_pass_marks input
            }
        });
    });

    function checkForReadonly(val, id) {
        let value = $(val).val();
        if (value == '') {
            $(`#subject_marks_input${id}`).prop("readonly", true);
            $(`#subject_pass_marks_input${id}`).prop("readonly", true);
        } else {
            $(`#subject_marks_input${id}`).prop("readonly", false);
            $(`#subject_pass_marks_input${id}`).prop("readonly", false);

        }
    }



    //////////RAdio Button toggle//////////////////////////////
    // function toggleExamCriteriaRow() {

    //     const isGeneralSelected = document.querySelector('input[name="minimum_mark_type_id"]:checked').value == 37;
    //     // Toggle visibility for subject-wise fields based on the selected radio button
    //     document.querySelectorAll('.subject_pass_marks_input, .subject_pass_marks_label_for_subject_wise').forEach(field => {

    //         if (isGeneralSelected) {
    //             field.closest('td').style.display = 'none'; // Hide the parent <td> of the field
    //         } else {


    //             field.closest('td').style.display = ''; // Show the parent <td> of the field
    //         }
    //     });
    // }


    function toggleExamCriteriaRow() {
        const isGeneralSelected = document.querySelector('input[name="minimum_mark_type_id"]:checked').value == 37;

        // Toggle visibility for subject-wise fields based on the selected radio button
        document.querySelectorAll('.subject_pass_marks_input, .subject_pass_marks_label_for_subject_wise').forEach(field => {
            if (isGeneralSelected) {
                field.closest('td').style.display = 'none'; // Hide the parent <td> of the field
            } else {
                field.closest('td').style.display = ''; // Show the parent <td> of the field
            }
        });

        // Make min_marks readonly for all rows when SubjectWise is selected
        document.querySelectorAll('.min-mark-input').forEach(input => {
            if (isGeneralSelected) {
                input.removeAttribute('readonly'); // Remove readonly attribute
            } else {

                input.setAttribute('readonly', true); // Make min_marks readonly
            }
        });
    }




    ///////////////////Min counting for Subjectwise//////////////////////////////////////////
    $(document).ready(function() {
        // Function to calculate and set the sum of all subject_pass_marks_input values
        // updateMinMarks();
        // Listen for input changes in subject_pass_marks_input fields (for all rows)
        $('#addRoutineTable').on('input', '.subject_pass_marks_input', function() {
            updateMinMarks(); // Update the min_marks input with the sum of pass marks
        });
    });


    function updateMinMarks() {
        var totalPassMarks = 0;

        // Loop through all rows and sum up subject_pass_marks_input values
        $('.subject_pass_marks_input').each(function() {
            var passMark = parseFloat($(this).val()) || 0; // Ensure it's a valid number or 0
            totalPassMarks += passMark;
        });

        // Set the total sum in the min_marks input field
        $('.min-mark-input').val(totalPassMarks); // Set total sum with 2 decimal places
    }



    ////////////////compare subject marks and subject pass marks/////////////////////////////////


    $(document).on('input', '.subject_pass_marks_input', function() {
        const $row = $(this).closest('tr'); // Get the current row
        const subjectMarks = parseFloat($row.find('.subject_marks_input').val()) || 0; // Get the subject marks in the same row
        const passMarks = parseFloat($(this).val()) || 0; // Get the pass marks entered

        // Check if pass marks exceed subject marks
        if (passMarks > subjectMarks) {
            Swal.fire({
                icon: "warning",
                title: "Invalid Pass Marks",
                text: "Pass marks cannot exceed subject marks.",
                confirmButtonText: "OK"
            }).then(() => {
                $(this).val(''); // Clear the input if validation fails
                updateMinMarks();
            });
        }
    });



    // Run the function on page load to set the initial visibility based on default selection
    document.addEventListener("DOMContentLoaded", function() {
        toggleExamCriteriaRow();
    });


    $('#admissionExamSubjectMarkConfigurationForm').on('submit', function(event) {
        event.preventDefault();

        var formData = $(this).serialize();

        $.ajax({
            url: '{{ route("eims_admission_exam_subject_marks_config_store") }}',
            type: 'POST',
            data: formData,
            success: function(_response) {
                Swal.fire({
                    icon: _response.responseStatus,
                    title: _response.responseTitle,
                    text: _response.responseText,
                    showConfirmButton: false,
                    timer: 1500
                })
                if (_response.responseStatus === 'success') {
                    setTimeout(function() {
                        window.location.href = "{{route('eims_admission_exam_subject_marks_config_list')}}";
                    }, 1000);
                }
            },
            error: function(_response) {
                const responseJSON = _response.responseJSON;
                Swal.fire({
                    icon: responseJSON.responseStatus,
                    title: responseJSON.responseTitle,
                    text: responseJSON.responseText,
                });

                const errors = responseJSON.errors;
                if (errors) {
                    $.each(errors, function(key, value) {
                        let id = '';
                        if (key.includes('.')) {
                            id = key.slice(key.indexOf('.') + 1);
                            if (id.includes('.')) {
                                const subjectId = id.slice(0, id.indexOf('.'));
                                const configId = id.slice(id.indexOf('.') + 1);
                                id = subjectId + '_' + configId;
                            }
                            key = key.slice(0, key.indexOf('.'));
                        }
                        console.log(`#${key}${id}e`);
                        $(`#${key}${id}e`).empty().show().append(`<span class="errormsg" style="color:red;">${value}</span>`);
                    });
                }
            },
        });
    });

    ////////New Row Appending////////////////////////////////////////////////

    // Counter for unique IDs
    let rowCounter = 1;

    // Function to add a new row with unique IDs
    function addSubjectRow() {
        rowCounter++; // Increment row counter to maintain unique IDs

        // Generate HTML for the new row with a remove button
        const newRow = `
        <tr class="subjectValueRow" id="subjectRow${rowCounter}">

            <td class="subject_name_label">Subject Name</td>
            <td>
                <input type="text" name="subject_name[]" id="subject_name${rowCounter}" class="form-control input-sm text-center subject_name"
                       placeholder="Enter Subject Name" autocomplete="off" style="margin-right: 10px;" oninput= "checkForReadonly(this,${rowCounter})">
                <div class="text-danger subject-name-error"></div>
            </td>

            <td class="subject_marks_label">Mark</td>
            <td>
                <input type="number" name="subject_marks[]" id="subject_marks_input${rowCounter}" class="form-control input-sm text-center subject_marks_input"
                       placeholder="Enter Marks" autocomplete="off" min="0" step="0.01"
                       oninput="validity.valid||(value='');" readonly>
                <div class="text-danger subject-marks-error"></div>
            </td>

            <td class="subject_pass_marks_label_for_subject_wise">Pass Mark</td>
            <td>
                <input type="number" name="subject_pass_marks[]" id="subject_pass_marks_input${rowCounter}" class="form-control input-sm text-center subject_pass_marks_input"
                       placeholder="Enter Marks" autocomplete="off" min="0" step="0.01"
                       oninput="validity.valid||(value='');" readonly>
                <div class="text-danger subject-marks-error"></div>
            </td>

            <td>
                <button type="button" class="btn btn-danger" style="width:40px; margin-right:5px; background-color: transparent; border: none;" onclick="removeSubjectRow(${rowCounter})">
                    <i class="glyphicon glyphicon-remove" style="color:red; font-size:16px"></i>
                </button>
            </td>
        </tr>`;

        // Append the new row to the table body
        document.getElementById('subject_config_body').insertAdjacentHTML('beforeend', newRow);

        // Check if the "General" radio button is selected and hide specific fields if needed
        toggleExamCriteriaRow();
    }

    // Function to remove a row based on its unique ID
    function removeSubjectRow(rowId) {
        const row = document.getElementById(`subjectRow${rowId}`);
        if (row) {
            row.remove(); // Remove the row from the table
        }
    }

    // Attach the function to the initial "+" button
    document.querySelector('.add_row_btn').addEventListener('click', addSubjectRow);


    document.addEventListener("DOMContentLoaded", function() {
        const form = document.querySelector("form"); // Select your form element

        form.addEventListener("submit", function(event) {
            // Filter out null values for the specified fields
            ['subject_name[]', 'subject_marks[]', 'subject_pass_marks[]'].forEach(fieldName => {
                const inputs = Array.from(document.querySelectorAll(`input[name="${fieldName}"]`));
                inputs.forEach((input, index) => {
                    if (!input.value.trim()) {
                        input.remove(); // Remove input if value is empty
                    }
                });
            });
        });
    });

    function toggleMarksInput() {
        const maxMarksInput = $('#max_mark_1').val();

        // Enable other input fields if max_marks has a value, disable otherwise
        const shouldEnable = maxMarksInput !== ''; // Check only max_marks
        $('.subject_marks_input').prop('disabled', !shouldEnable);
        $('.subject_pass_marks_input').prop('disabled', !shouldEnable);

        if (!shouldEnable) {
            // Clear input fields if they're disabled
            $('.subject_marks_input').val('');
            $('.subject_pass_marks_input').val('');
        }

        calculateTotalMarks();
    }

    $(document).on('input', '.subject_marks_input', function() {
        calculateTotalMarks(this);
    });

    $(document).on('input', '#max_mark_1', function() {
        toggleMarksInput(); // Trigger toggle when max_marks is changed
    });

    function calculateTotalMarks(lastInput) {
        const maxMarks = parseFloat($('#max_mark_1').val()) || 0;
        let totalMarks = 0;

        $('.subject_marks_input').each(function() {
            const value = parseFloat($(this).val()) || 0;
            totalMarks += value;
        });

        if (totalMarks > maxMarks) {
            Swal.fire({
                icon: "warning",
                title: "Total Marks Exceeded",
                text: `The total subject marks cannot exceed Max Marks: ${maxMarks}`,
                confirmButtonText: "OK"
            }).then(() => {
                lastInput.value = ''; // Clear only the last entered value that caused the excess
            });
        }
    }
</script>




@endsection