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

    <style>
        .custom-modal-width {
            width: 70%;
            /* Adjust this percentage as needed */
            max-width: none;
            /* Remove any max-width restrictions */
        }

        .input-inline {
            display: inline-block;
            vertical-align: middle;
        }

        .modal-title {
            background-color: black;
            color: white;
            padding: 10px;
        }

        /* start Group info */
        /* Target the table by its id */
        #group_info_table,
        #group_info_table thead,
        #group_info_table tbody,
        #group_info_table th,
        #group_info_table td {
            border: none !important;
            background-color: transparent !important;
            text-align: left !important;
            padding: 8px;
            color: black;
        }

        /* Set font size for table headers */
        #group_info_table th {
            font-size: 12px !important;
        }

        /* Set font size for table data cells */
        #group_info_table td {
            font-size: 13px !important;
        }

        /* Optional: Set column widths */
        #group_info_table th,
        #group_info_table td {
            width: 33%;
        }

        /* Ensure the tbody margin does not affect the alignment */
        #group_info_table tbody {
            margin: 0;
            /* Remove margin */
        }

        /* End Group info */
        #btn1 {
            margin-right: 10px;
            /* Add margin between the buttons */
        }
    </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'] !!}</h2>
                            </div>

                            <button type="button" id="btn1" class="btn btn-info pull-right addViewBtn"
                                    data-toggle="modal" data-target="#myModal" data-type="academic"><i
                                    class="glyphicon glyphicon-plus-sign addIcon"></i>Add
                                {{ $data['pageTitle'] }}
                            </button>

                        </div>
                        <div class="panel-body panelBodyView">
                            @php
                                if ($data['companyType'] == 'UNV') {
                                $searchElements[] = ['element' => 'fillFacultyId'];
                                }
                                $searchElements[] = ['element' => 'fillProgramId'];
                                $searchElements[] = ['element' => 'fillSessionId'];
                                $searchElements[] = ['element' => 'fillSemesterClassId'];
                                $searchElements[] = ['element' => 'dateRange'];
                            @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>
                                <tr>
                                    <th width="30">SL#</th>
                                    <th class="text-center text-nowrap">Class Name</th>
                                    <th class="text-center text-nowrap">Config Name</th>
                                    <th class="text-center text-nowrap">Program / Media Name</th>
                                    <th class="text-center text-nowrap">Exam Name</th>
                                    <th class="text-center text-nowrap">Exam Date</th>
                                    <th class="text-center text-nowrap">Session</th>
                                    <th class="text-center text-nowrap">Admit Download Date</th>
                                    <th class="text-center text-nowrap">Description</th>
                                    <th class="text-center text-nowrap">Status</th>
                                    <th class="text-center text-nowrap">Created By</th>
                                    <th class="text-center text-nowrap">Action</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Start Add Form Modal --}}
    <div id="myModal" class="myModal modal fade" style="margin-top:5%">
        <div class="modal-dialog custom-modal-width" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" style="clear:both">Add {{ $data['pageTitle'] }} </h4>
                </div>

                <div class="modal-body">
                    {!! Form::open(['url' => '', 'id' => 'form2', 'role' => 'form', 'class' => 'form-horizontal form-groups']) !!}
                    {!! Form::hidden('id', null, ['id' => 'id']) !!}
                    {!! Form::hidden('slno', null, ['id' => 'slno']) !!}

                    <div class="panel-body" id="show_all_field">

                        {{-- Faculty --}}
                        <div class="col-md-6 form-group" id="exam_faculty_id_field"
                             style="{{ $data['companyType'] !== 'UNV' ? 'display:none;' : '' }}">
                            {!! Form::label(
                            'faculty_id',
                            'Faculty: <sup class="text-danger">*</sup>',
                            ['class' => 'col-sm-3 control-label'],
                            false,
                            ) !!}
                            <div class="col-sm-9">
                                {!! Form::select('faculty_id', $data['faculty'], $faculty_id ?? null, [
                                'class' => 'form-control',
                                'id' => 'faculty_id',
                                'placeholder' => 'Please Select Faculty',
                                ]) !!}
                                <p id='faculty_id_error' style="max-height:3px;"></p>
                            </div>
                        </div>

                        {{-- Program --}}
                        <div class="col-md-6 form-group" id="exam_program_field">
                            {!! Form::label(
                            'program_medium_id',
                            $data['companyType'] == 'UNV'
                            ? 'Program: <sup class="text-danger">*</sup>'
                            : 'Medium/Version: <sup class="text-danger">*</sup>',
                            ['class' => 'col-sm-3 control-label'],
                            false,
                            ) !!}
                            <div class="col-sm-9">
                                {!! Form::select('program_medium_id', $data['program_medium'], $program_medium ?? null, [
                                'class' => 'form-control',
                                'id' => 'program_medium_id',
                                'placeholder' => 'Please Select program',
                                ]) !!}
                                <p id='program_medium_id_error' style="max-height:3px;"></p>
                            </div>
                        </div>

                        {{-- Session --}}
                        <div class="col-md-6 form-group" id="exam_session_field">
                            {!! Form::label(
                            'session_id',
                            'Session: <sup class="text-danger">*</sup>',
                            ['class' => 'col-sm-3 control-label'],
                            false,
                            ) !!}
                            <div class="col-sm-9">
                                {!! Form::select('session_id', $data['session'], $session_id ?? null, [
                                'class' => 'form-control',
                                'id' => 'session_id',
                                'placeholder' => 'Please Select Session',
                                ]) !!}
                                <p id='session_id_error' style="max-height:3px;"></p>
                            </div>
                        </div>


                        {{-- Class/Semester --}}
                        <div class="col-md-6 form-group" id="exam_class_field">
                            {!! Form::label(
                            'semester_class_id',
                            $data['companyType'] == 'UNV'
                            ? 'Semester: <sup class="text-danger">*</sup>'
                            : 'Class: <sup class="text-danger">*</sup>',
                            ['class' => 'col-sm-3 control-label'],
                            false,
                            ) !!}
                            <div class="col-sm-9">
                                {!! Form::select('semester_class_id', $data['semester_class'], $semester_class_id ?? null, [
                                'class' => 'form-control',
                                'id' => 'semester_class_id',
                                'placeholder' => $data['companyType'] == 'UNV' ? 'Please Select Semester' : 'Please Select Class',
                                ]) !!}
                                <p id='semester_class_id_error' style="max-height:3px;"></p>
                            </div>
                        </div>


                        {{-- Exam Mark Config Field --}}
                        <div class="col-md-6 form-group" id="exam_session_field">
                            {!! Form::label(
                            'exam_subject_mark_config_id',
                            'Exam Subject Mark Config: <sup class="text-danger">*</sup>',
                            ['class' => 'col-sm-3 control-label'],
                            false,
                            ) !!}
                            <div class="col-sm-9">
                                {!! Form::select(
                                'exam_subject_mark_config_id',
                                $data['exam_subject_mark_config'],
                                $exam_subject_mark_config_id ?? null,
                                [
                                'class' => 'form-control',
                                'id' => 'exam_subject_mark_config_id_edit',
                                'placeholder' => 'Please Select Mark Config',
                                ],
                                ) !!}
                                <p id='exam_subject_mark_config_id_error' style="max-height:3px;"></p>
                            </div>
                        </div>

                        {{-- Exam Name --}}
                        <div class="col-md-6 form-group" id="exam_name_field">
                            {!! Form::label(
                            'name',
                            'Exam Name: <sup class="text-danger">*</sup>',
                            ['class' => 'col-sm-3 control-label'],
                            false,
                            ) !!}

                            <div class="col-sm-9">
                                <select name="academic_exam_activities_id" class="form-control"
                                        id="academic_exam_activities_id">
                                    <option value="">Please select activities</option>
                                    @foreach ($data['calendarExamActivities'] as $keyActivities => $activities)
                                        <option data-fromdate="{{$activities->from_date}}"
                                                value="{{ $activities->id }}">{{ $activities->name }}</option>
                                    @endforeach
                                </select>
                                <p id='academic_exam_activities_id_error' style="max-height:3px;"></p>
                            </div>

                        </div>


                        {{-- Exam Date --}}
                        <div class="col-md-6 form-group" id="exam_date_field">
                            {!! Form::label(
                            'exam_date',
                            'Exam Date: <sup class="text-danger">*</sup>',
                            ['class' => 'col-sm-3 control-label'],
                            false,
                            ) !!}
                            <div class="col-sm-9">
                                {!! Form::text('exam_date', null, [
                                'class' => 'form-control',
                                'id' => 'exam_date',
                                'placeholder' => 'Enter exam date',
                                'readonly' => 'readonly',
                                ]) !!}
                                <p id="exam_date_error" class="text-danger"></p>
                            </div>
                        </div>


                        {{-- Admit Card Date --}}
                        <div class="col-md-6 form-group" id="admit_card_date_field">
                            {!! Form::label(
                            'admit_card_date',
                            'Admit Download Date: <sup class="text-danger">*</sup>',
                            ['class' => 'col-sm-3 control-label'],
                            false,
                            ) !!}

                            <div class="col-sm-9">
                                {!! Form::text('admit_card_date', null, [
                                'class' => 'form-control',
                                'id' => 'admit_card_date',
                                'placeholder' => 'Enter admit card details',
                                'readonly' => 'readonly',
                                ]) !!}
                                <p id="admit_card_date_error" class="text-danger"></p>
                            </div>
                        </div>


                        {{-- Status --}}
                        <div class="col-md-6 form-group activeStatus">
                            {!! Form::label(
                            'status',
                            'Status: <sup class="text-danger">*</sup>',
                            ['class' => 'col-sm-3 control-label'],
                            false,
                            ) !!}
                            <div class="col-sm-9">
                                {!! Form::select('status', $data['activeStatus'], $value = null, [
                                'class' => 'form-control',
                                'id' => 'status',
                                'placeholder' => 'Select Status',
                                ]) !!}
                                <p id='status_error' style="max-height:3px;"></p>
                            </div>
                        </div>


                        {{-- Description --}}
                        <div class="col-md-6 form-group" id="description_field">
                            {!! Form::label(
                            'description',
                            'Description: <sup class="text-danger">*</sup>',
                            ['class' => 'col-sm-3 control-label'],
                            false,
                            ) !!}
                            <div class="col-sm-9">
                                {!! Form::textarea('description', null, [
                                'class' => 'form-control',
                                'id' => 'description',
                                'placeholder' => 'Enter a description',
                                'rows' => 4,
                                ]) !!}
                                <p id="description_error" class="text-danger"></p>
                            </div>
                        </div>


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

                    <div class="modal-footer">
                        <p id="MSG" class="pull-left" style="color:red"></p>
                        <p id="MSGS" class="pull-left" style="color:green"></p>
                        {!! Form::button('Update', ['id' => 'update_btn', 'class' => 'btn btn-info update']) !!}
                        {!! Form::button('Submit', ['id' => 'add_btn', 'class' => 'btn btn-info actionBtn add']) !!}
                        {!! Form::button('<span id=""> Close</span>', [
                        'class' => 'btn btn-warning',
                        'data-dismiss' => 'modal',
                        'id' => 'footer_action_button_dismis',
                        ]) !!}
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script type="text/javascript">
        "use strict";

        $(document).ready(function () {

//////////////Start Setting Exam Date Using the exam name///////////////////////////////////////////////////
            $('#academic_exam_activities_id').on('change', function () {
                var selectedFromDate = $(this).find(':selected').data('fromdate');
                $('#exam_date').val(selectedFromDate);
            });

            const modalSemesterClassIdField = $("#semester_class_id");

            var companyType = "{{ $data['companyType'] }}";
            var examType = "{{ $data['examType'] }}";

            $('#program_medium_id').change(function () {
                const program_medium_id = $(this).val();

                if (program_medium_id) {
                    $.ajax({
                        type: 'post',
                        url: `{{ route('eims_faculty_department_program_session_semester_section_course_subject_option_change') }}`,
                        data: {
                            program_id: program_medium_id
                        },
                        dataType: 'json',
                        success: function (_response) {
                            modalSemesterClassIdField.empty();

                            // modalSemesterClassIdField.prepend(
                            //     '<option selected="selected" value="">Please select class</option>'
                            // );

                            if (companyType === 'UNV') {
                                modalSemesterClassIdField.prepend(
                                    '<option selected="selected" value="">Please select semester</option>'
                                );
                            } else if (companyType === 'SCL') {
                                modalSemesterClassIdField.prepend(
                                    '<option selected="selected" value="">Please select class</option>'
                                );
                            } else {
                                modalSemesterClassIdField.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();
                }
            });

            // on session change get academic_exam_activities_id
            $("#session_id").change(function () {
                const session_id = $(this).val();

                if (session_id) {
                    $.ajax({
                        type: 'post',
                        url: `{{ route('eims_academic_exam_activities_scheduled') }}`,
                        data: {
                            session_id: session_id
                        },
                        dataType: 'json',
                        success: function (_response) {
                            $('#academic_exam_activities_id').empty().prepend(
                                '<option selected="selected" value="">Please Exam Name</option>'
                            );

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

            $('#semester_class_id').change(function () {
                const semester_class_id = $(this).val();

                if (semester_class_id) {
                    $.ajax({
                        type: 'post',
                        url: `{{ route('eims_faculty_department_program_session_semester_section_course_subject_option_change') }}`,
                        data: {
                            semester_class_id: semester_class_id,
                            exam_type_id: examType
                        },
                        dataType: 'json',
                        success: function (_response) {
                            $('#exam_subject_mark_config_id_edit').empty();

                            $('#exam_subject_mark_config_id_edit').prepend(
                                '<option selected="selected" value="">Please mark config</option>'
                            );

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


            /////////////Start Datatable for Exam list/////////////////////////////////////////////////////
            const datatable = $('#datatable').DataTable({
                "sDom": "ltipr", // For removeing default Search bar //
                "processing": true,
                "serverSide": true,
                "ordering": false,
                "ajax": {
                    "url": "{{ Request::url() }}",
                    "type": "POST",
                    '_token': $('input[name=_token]').val(),
                    "beforeSend": function () {
                        $('#loadingModal').show();
                    },

                    data: function (d) {
                        var inputs = {};
                        $.each($('#searchForm').serializeArray(), function () {
                            inputs[this.name] = this.value;
                        });
                        d.filter = inputs;
                    }

                },
                "drawCallback": function () {
                    $('#loadingModal').hide();
                },


                "columns": [{
                    "data": "sl"
                },
                    {
                        "data": "semester_class_id",
                        className: "text-align-center"
                    },

                    {
                        "data": "exam_mark_config_id",
                        className: "text-align-center"
                    },


                    {
                        "data": "program_medium_id",
                        className: "text-align-center"
                    },

                    {
                        "data": "name",
                        className: "text-align-center"
                    },


                    {
                        "data": "exam_date",
                        className: "text-align-center"
                    },
                    {
                        "data": "session_name",
                        className: "text-align-center"
                    },

                    {
                        "data": "admit_card_date",
                        className: "text-align-center"
                    },

                    {
                        "data": "description",
                        className: "text-align-center"
                    },
                    {
                        "data": "status",
                        className: "text-align-center"
                    },
                    {
                        "data": "created_by",
                        className: "text-align-center"
                    },
                    {
                        "data": "id",
                        className: "text-align-center text-nowrap"
                    }
                ],

                "columnDefs": [{
                    "targets": -1,
                    "data": "id",
                    "render": function (data, type, row) {


                        var html = '';
                        if (row.isExistExamRoutine == 0) {
                            html =
                                `<button
                                id="editIcon"
                                class="btn btn-xs btn-info edit-modal"
                                data-id="${row.id}"
                                data-campusid="${row.campus_id}"
                                data-faculty_id_val="${encodeURIComponent(row.faculty_id)}"
                                data-program_mediumid="${encodeURIComponent(row.program_medium_id_val)}"
                                data-sessionid="${encodeURIComponent(row.session_id)}"
                                data-semester_classid="${encodeURIComponent(row.semester_class_id_val)}"
                                data-exam_mark_config_id="${encodeURIComponent(row.exam_mark_config_id_val)}"

                                data-academicexamactivitiesid="${encodeURIComponent(row.academic_exam_activities_id)}"
                                data-admit_carddate="${encodeURIComponent(row.admit_card_date)}"
                                data-examdate="${encodeURIComponent(row.exam_date)}"
                                data-descriptionval="${encodeURIComponent(row.description)}"
                                data-statusval="${encodeURIComponent(row.status_val)}"
                                data-slno="${row.sl}"
                            ><i class="fa fa-edit" aria-hidden="true"></i></button>`;
                        }


                        html += `<button data-id="${data}" class="btn btn-xs btn-danger delete-action">
                                    <i class="fa fa-trash" aria-hidden="true"></i>
                                </button>`;
                        return html;
                    }
                }]

            });


            ///////// Checkbox Controll for For Add///////////////////
            // Initially disable the input field
            $('#viba_date').prop('disabled', true);

            // Toggle disabled/readonly attributes when the checkbox is clicked
            $('#viba_date_val').change(function () {
                if ($(this).is(':checked')) {
                    $('#viba_date').prop('disabled', false).prop('readonly', true); // Enable input field
                } else {
                    $('#viba_date').prop('disabled', true).prop('readonly', false).val(
                        ''); // Disable input field again
                }
            });

            // Listen for changes on the checkbox
            $('#written_date_val').change(function () {
                if ($(this).is(':checked')) {
                    // Enable input and make it readonly
                    $('#written_date').prop('disabled', false).prop('readonly', true);
                } else {
                    // Disable the input again when checkbox is unchecked
                    $('#written_date').prop('disabled', true).prop('readonly', false).val('');
                }
            });

            ///////// Checkbox Controll for For Edit///////////////////
            // Initialize datepicker for the input field
            $("#viba_date_edit").datepicker({
                dateFormat: "dd-mm-yy",
                changeMonth: true,
                changeYear: true
            });

            // Function to toggle the readonly and datepicker functionality
            function toggleDatePicker() {
                var isChecked = $('#viba_date_edit_val').is(':checked');
                $('#viba_date_edit').prop('readonly', !isChecked);
                if (isChecked) {
                    $('#viba_date_edit').datepicker('enable');
                } else {
                    $('#viba_date_edit').datepicker('disable');
                }
            }

            // Call the function to set the initial state
            toggleDatePicker();

            // Attach change event to checkbox to toggle functionality dynamically
            $('#viba_date_edit_val').change(function () {
                toggleDatePicker();
            });

            $("#admit_card_date, #exam_date").datepicker({
                dateFormat: "dd-mm-yy",
                changeMonth: true,
                changeYear: true,
                //maxDate: "0"
            });


            //Start full Edit
            $(document).on('click', '.addViewBtn', function () {

                $("#update_btn").addClass('hide');
                $("#add_btn").removeClass('hide');
                $('.modal-title').text('Add Data');
                $('.activeStatus').hide();
            });


            $(document).on('click', '.edit-modal', function () {
                $("#add_btn").addClass('hide');
                $("#update_btn").removeClass('hide');
                $('.activeStatus').show();

                if (hasAccess('eims/examination/exam/academic/edit')) {
                    $('.myModal').modal('show');
                    $('.errormsg').empty();
                    $('#MSGE').empty();
                    $('#MSGS').empty();
                    $('#footer_action_button').text(" Update");
                    $('#footer_action_button').addClass('glyphicon glyphicon-check');
                    $('#footer_action_button_dismis').text(" Close");
                    $('#footer_action_button_dismis').addClass('glyphicon glyphicon-remove');

                    $('.modal-title').text('Update Data');

                    $('.modal-header').css({
                        "background-color": "black",
                        "color": "white",
                        "padding": "10px"
                    });
                    $('.modal-dialog').css('width', '70%');
                    $('.deleteContent').hide();
                    $('.form-horizontal').show();
                    $('#id').val($(this).data('id'));
                    $('#slno').val($(this).data('slno'));
                    $('#campus_id').val($(this).data('campusid'));
                    $('#faculty_id').val(decodeURIComponent($(this).data('faculty_id_val')));
                    $('#program_medium_id').val(decodeURIComponent($(this).data('program_mediumid')));
                    $('#session_id').val(decodeURIComponent($(this).data('sessionid')));
                    $('#semester_class_id').val(decodeURIComponent($(this).data('semester_classid')));

                    $('#exam_subject_mark_config_id_edit').val(decodeURIComponent($(this).data(
                        'exam_mark_config_id')));
                    $('#academic_exam_activities_id').val(decodeURIComponent($(this).data('academicexamactivitiesid')));
                    $('#admit_card_date').val(decodeURIComponent($(this).data('admit_carddate')));
                    $('#exam_date').val(decodeURIComponent($(this).data('examdate')));
                    $('#description').val(decodeURIComponent($(this).data('descriptionval')));

                    $('#status').val(decodeURIComponent($(this).data('statusval')));
                    $('#footer_action_button2').hide();
                    $('#footer_action_button').show();
                }
            });


            // Add Data (Modal and function add data)
            $('.add').click(function () {
                $.ajax({
                    type: 'post',
                    url: '{{ Request::url() }}/store',
                    data: $('#form2').serialize() + '&type=' + formType, // Include the type
                    dataType: 'json',
                    beforeSend: function () {
                        $('#add_btn').attr('disabled', 'disabled');
                        $('#add_btn').html('Please wait...');
                        $('.show-errors').remove();
                    },
                    success: function (_response) {

                        if (_response.errors) {
                            const errors = _response.errors;
                            // errors foreach loop
                            for (const key in errors) {
                                if (errors.hasOwnProperty(key)) {
                                    let error = '';
                                    // check if the errors[key] is an array
                                    if (Array.isArray(errors[key])) {
                                        error = errors[key].join('<br>');
                                    } else {
                                        error = errors[key];
                                    }
                                    $(`#${key}_error`).empty().show().append(
                                        `<small class="show-errors" style="color:red;">${error}</small>`
                                    );
                                } else {
                                    $(`#${key}_error`).empty().show().append(
                                        `<small class="show-errors" style="color:red;">${errors[key]}</small>`
                                    );
                                }
                            }

                        } else {

                            Swal.fire({
                                icon: _response.responseStatus,
                                title: _response.responseTitle,
                                text: _response.responseText,
                                showConfirmButton: false,
                                timer: 1500
                            })
                            if (_response.responseStatus == 'success') {
                                $('#form2')[0].reset();
                                $('.myModal').modal('hide');
                                datatable.ajax.reload();
                            }
                        }
                    },
                    error: function (_response) {
                        toastr.error(_response.errors);
                    },
                    complete: function () {
                        $('#add_btn').removeAttr('disabled');
                        $('#add_btn').html('Submit');
                    }
                });
            });

            // Edit Data (Modal and function edit data)
            $('.update').click(function (element) {
                //console.log('edit blade woking 1');

                $.ajax({
                    type: 'post',
                    url: '{{ Request::url() }}/edit',
                    data: $('#form2').serialize(),
                    dataType: 'json',
                    beforeSend: function () {
                        $('.error-message').remove();
                    },


                    success: function (_response) {
                        if (_response.errors) {
                            const errors = _response.errors;

                            for (const key in errors) {
                                if (errors.hasOwnProperty(key)) {
                                    const element = errors[key];
                                    $(`#${key}_error`).empty().html(
                                        `<span class="error-message" style="color:red">${element}</span>`
                                    );
                                }
                            }
                        } else {
                            Swal.fire({
                                icon: _response.responseStatus,
                                title: _response.responseTitle,
                                text: _response.responseText,
                                showConfirmButton: false,
                                timer: 1500
                            })
                            if (_response.responseStatus == 'success') {
                                $('#form2')[0].reset();
                                $('.myModal').modal('hide');
                                datatable.ajax.reload();
                            }

                        }
                    },

                    error: function (data) {
                        Swal.fire({
                            icon: _response.responseStatus,
                            title: _response.responseTitle,
                            text: _response.responseText,
                            showConfirmButton: false,
                            timer: 1500
                        })
                    }


                });
            });

            //End Full Edit

            let formType = '';
            $('.addViewBtn').click(function () {
                formType = $(this).data('type'); // Get the type from the clicked button
            });

            // Clear error messages when modal is closed
            $('.myModal').on('hidden.bs.modal', function () {
                // Remove the validation messages
                $('.show-errors').remove();
                // Optionally, reset the form
                $('#form2')[0].reset();
            });


            $('#searchForm').on('submit', function (element) {
                element.preventDefault();

                datatable.ajax.reload();
            })

            //delete function
            $(document).on('click', '.delete-action', function () {
                if (hasAccess('eims/examination/exam/academic/delete')) {
                    Swal.fire({
                        title: 'Are you sure?',
                        text: "Once delete you won't be able to revert this!",
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#d33',
                        cancelButtonColor: '#7e7979',
                        confirmButtonText: 'Yes, delete it!'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            $.ajax({
                                type: 'post',
                                url: '{{ Request::url() }}/delete',
                                data: {
                                    '_token': $('input[name=_token]').val(),
                                    'id': $(this).data('id')
                                },
                                success: function (_response) {

                                    if (_response.responseStatus == 'success') {
                                        Swal.fire({
                                            icon: _response.responseStatus,
                                            title: _response.responseTitle,
                                            text: _response.responseText,
                                            showConfirmButton: false,
                                            timer: 1500
                                        })
                                        datatable.ajax.reload();

                                    } else {
                                        Swal.fire({
                                            icon: _response.responseStatus,
                                            title: _response.responseTitle,
                                            text: _response.responseText,
                                            showConfirmButton: true,
                                        })
                                    }
                                }
                            });
                        }
                    })
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'Failed to delete!',
                        text: 'Access Denied',
                        showConfirmButton: true,
                    })
                }
            });

            $("input").keyup(function () {
                var name = $("#name").val();
                if (name) {
                    $('#namee').hide();
                } else {
                    $('#namee').show();
                }
            });

        }); //ready function end
    </script>

@endsection