@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="btn2" class="btn btn-info pull-right addViewBtn"
                                    data-toggle="modal" data-target="#myModal" data-type="admission"><i
                                    class="glyphicon glyphicon-plus-sign addIcon"></i>Add
                                {{ $data['pageTitle'] }}
                            </button>

                        </div>
                        <div class="panel-body panelBodyView">
                            @php
                                $options = ['' => 'Select any'];
                                $searchElements = [
                                    ['element' => 'fillProgramId'],
                                    ['element' => 'fillSessionId'],
                                    ['element' => 'fillSemesterClassId'],
                                    ['element' => 'dateRange'],
                                ];

                                if ($data['companyType'] == 'UNV') {
                                    array_unshift($searchElements, ['element' => 'fillFacultyId']);
                                }
                            @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">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">Status</th>
                                    <th class="text-center text-nowrap">Created By</th>
                                    <th class="text-center text-nowrap">Action</th>
                                </tr>
                                </thead>

                                <tbody id="tableBodySection">
                                </tbody>
                            </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', 'encrypt' => "multipart/form-data"]) !!}
                    {!! Form::hidden('id', null, ['id' => 'id']) !!}
                    {!! Form::hidden('slno', null, ['id' => 'slno']) !!}

                    <div class="row" 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-4 control-label'],
                                false,
                            ) !!}
                            <div class="col-sm-8">
                                {!! 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">
                            @php($programOrMediumLabel = $data['companyType'] == 'UNV' ? 'Program' : 'Medium/Version')
                            {!! Form::label(
                                'program_id',
                                $programOrMediumLabel . ' <sup class="text-danger">*</sup>',
                                ['class' => 'col-sm-4 control-label'],
                                false,
                            ) !!}
                            <div class="col-sm-8">
                                {!! Form::select('program_medium_id', $data['program_media'], $program_medium_id ?? null, [
                                    'class' => 'form-control',
                                    'id' => 'program_medium_id',
                                    'placeholder' => "Select $programOrMediumLabel",
                                ]) !!}
                                <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-4 control-label'],
                                false,
                            ) !!}
                            <div class="col-sm-8">
                                {!! 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-4 control-label'],
                                false,
                            ) !!}
                            <div class="col-sm-8">
                                {!! Form::select('semester_class_id', $data['semester_class'], $semester_class_id ?? null, [
                                    'class' => 'form-control',
                                    'id' => 'semester_class_id',
                                    'placeholder' => 'Please Select semester/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-4 control-label'],
                                false,
                            ) !!}
                            <div class="col-sm-8">
                                {!! 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' => 'Select exam subject 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-4 control-label'],
                                false,
                            ) !!}
                            <div class="col-sm-8">
                                {!! Form::text('name', null, [
                                    'class' => 'form-control',
                                    'id' => 'name',
                                    'placeholder' => 'Enter exam name',
                                ]) !!}
                                <p id="name_error" class="text-danger"></p>
                            </div>
                        </div>

                        {{-- Notification Date --}}
                        <div class="col-md-6 form-group" id="notification_date_field">
                            {!! Form::label(
                                'notification_date',
                                'Exam Published Date: <sup class="text-danger">*</sup>',
                                ['class' => 'col-sm-4 control-label'],
                                false,
                            ) !!}
                            <div class="col-sm-8">
                                {!! Form::text('notification_date', null, [
                                    'class' => 'form-control',
                                    'id' => 'notification_date',
                                    'placeholder' => 'Enter exam published date',
                                    'readonly' => 'readonly', // Read-only by default
                                ]) !!}
                                <p id="notification_date_error" class="text-danger"></p>
                            </div>
                        </div>

                        {{-- Admit Card Download Date --}}
                        <div class="col-md-6 form-group" id="admit_card_date_field">
                            {!! Form::label(
                                'admit_card_date',
                                'Admit Card Download Date: <sup class="text-danger">*</sup>',
                                ['class' => 'col-sm-4 control-label'],
                                false,
                            ) !!}
                            <div class="col-sm-8">
                                {!! Form::text('admit_card_date', null, [
                                    'class' => 'form-control',
                                    'id' => 'admit_card_date',
                                    'placeholder' => 'Enter admit card details',
                                    'readonly' => 'readonly', // Read-only by default
                                ]) !!}
                                <p id="admit_card_date_error" class="text-danger"></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-4 control-label'],
                                false,
                            ) !!}
                            <div class="col-sm-8">
                                {!! Form::text('exam_date', null, [
                                    'class' => 'form-control',
                                    'id' => 'exam_date',
                                    'data-date-format'=>"dd-mm-yyyy H:ii P",
                                    'placeholder' => 'Enter exam date',
                                    'readonly' => 'readonly', // Read-only by default
                                ]) !!}
                                <p id="exam_date_error" class="text-danger"></p>
                            </div>
                        </div>

                        {{-- Viba Date --}}
                        <div class="col-md-6 form-group">
                            <label for="viba_date_val" class="col-sm-4 control-label">
                                {!! Form::checkbox('viba', 'viba', false, ['id' => 'viba_date_val']) !!}
                                Viva Date:
                            </label>
                            <div class="col-sm-8" id="inputViba">
                                {!! Form::text('viba_date', null, [
                                    'class' => 'form-control',
                                    'id' => 'viba_date',
                                    'data-date-format'=>"dd-mm-yyyy H:ii P",
                                    'placeholder' => 'Enter Viba Date',
                                    'style' => 'width: 100%;',
                                    'disabled' => 'disabled', // Disabled by default
                                ]) !!}
                                <p id="exam_date_error" class="text-danger"></p>
                            </div>
                        </div>

                        {{-- Available Seat --}}
                        <div class="col-md-6 form-group" id="available_seat_field">
                            {!! Form::label(
                                'available_seat',
                                'Available Seat: <sup class="text-danger">*</sup>',
                                ['class' => 'col-sm-4 control-label'],
                                false,
                            ) !!}
                            <div class="col-sm-8">
                                {!! Form::text('available_seat', null, [
                                    'class' => 'form-control',
                                    'id' => 'available_seat',
                                    'placeholder' => 'Enter available seat',
                                ]) !!}
                                <p id="available_seat_error" class="text-danger"></p>
                            </div>
                        </div>


                        {{-- Waiting Seat --}}
                        <div class="col-md-6 form-group" id="waiting_seat_field">
                            {!! Form::label(
                                'waiting_seat',
                                'Waiting Seat: <sup class="text-danger">*</sup>',
                                ['class' => 'col-sm-4 control-label'],
                                false,
                            ) !!}
                            <div class="col-sm-8">
                                {!! Form::text('waiting_seat', null, [
                                    'class' => 'form-control',
                                    'id' => 'waiting_seat',
                                    'placeholder' => 'Enter waiting Seat',
                                ]) !!}
                                <p id="waiting_seat_error" class="text-danger"></p>
                            </div>
                        </div>

                        {{-- Header Description --}}
                        <div class="col-md-6 form-group" id="header_description_field">
                            {!! Form::label('header_description', 'Header Description:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                                {!! Form::textarea('header_description', null, [
                                    'class' => 'form-control',
                                    'id' => 'header_description',
                                    'placeholder' => 'Enter a header description',
                                    'rows' => 4, // Adjust number of rows
                                ]) !!}
                                <p id="header_description_error" class="text-danger"></p>
                            </div>
                        </div>

                        {{-- Footer Description --}}
                        <div class="col-md-6 form-group" id="footer_description_field">
                            {!! Form::label('footer_description', 'Footer Description:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                                {!! Form::textarea('footer_description', null, [
                                    'class' => 'form-control',
                                    'id' => 'footer_description',
                                    'placeholder' => 'Enter a footer description',
                                    'rows' => 4, // Adjust number of rows
                                ]) !!}
                                <p id="footer_description_error" class="text-danger"></p>
                            </div>
                        </div>


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

                    {{-- Modal Footer --}}
                    <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>
    {{-- End Add Form Modal --}}

    <!-- Include CSS for datetimepicker -->
    <link rel="stylesheet" href="{{ asset('css/bootstrap-datetimepicker.min.css') }}">

    <!-- Include JS for datetimepicker -->
    <script src="{{ asset('js/bootstrap-datetimepicker.min.js') }}"></script>


    <script type="text/javascript">
        "use strict";
        const companyType = "{{ $data['companyType'] }}";
        const examType = "{{ $data['examType'] }}";

        $(document).ready(function () {


            const modalSemesterClassIdField = $("#semester_class_id");


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

                if (program_medium_id_val) {
                    $.ajax({
                        type: 'post',
                        url: `{{ route('eims_faculty_department_program_session_semester_section_course_subject_option_change') }}`,
                        data: {
                            program_id: program_medium_id_val
                        },
                        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();
                }
            });


            $('#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="">Select exam subject 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;
                        d.examType = $('.examType').val();
                    }
                },
                "drawCallback": function () {
                    $('#loadingModal').hide();
                },
                "columns": [{
                    "data": "sl"
                },
                    {
                        "data": "semester_class_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": "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 =
                            `<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-nameval="${encodeURIComponent(row.name)}"
                                data-exammarkconfigid="${encodeURIComponent(row.exam_mark_config_id)}"
                                data-examdate="${encodeURIComponent(row.exam_date)}"
                                data-writtendate="${encodeURIComponent(row.written_date)}"
                                data-vibadate="${encodeURIComponent(row.viba_date)}"
                                data-availableseat="${encodeURIComponent(row.available_seat)}"
                                data-waitingseat="${encodeURIComponent(row.waiting_seat)}"
                                data-notificationdate="${encodeURIComponent(row.notification_date)}"
                                data-admit_carddate="${encodeURIComponent(row.admit_card_date)}"
                                data-statusval="${encodeURIComponent(row.status_val)}"
                                data-slno="${row.sl}"
                                data-headerdescriptionval="${encodeURIComponent(row.header_description)}"
                                data-footerdescriptionval="${encodeURIComponent(row.footer_description)}"
                            ><i class="fa fa-edit" aria-hidden="true"></i></button>`;

                        if (row.process_ending_date == null) {
                            html += `<button data-id="${data}" class="btn btn-xs btn-info processing-date-action"  title="Exam Process Ending">
                                        <i class="fa fa-check-square" 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
                }
            });


            ///////// 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();
            });


            // Start Date picker for Add data
            $("#notification_date").datepicker({
                dateFormat: "dd-mm-yy",
                changeMonth: true,
                changeYear: true,
                //maxDate: "0"
            });
            // $("#notification_date").datepicker().datepicker("setDate", new Date());

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

            $("#viba_date").datetimepicker();

            $("#exam_date").datetimepicker();

            // End Date picker for Add data


            //Start full Edit
            $(document).on('click', '.addViewBtn', function () {
                $('#form2')[0].reset();

                $("#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/admission/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').removeClass('glyphicon-trash');
                    $('#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();
                    // console.log($(this).data('id'),$(this).data('name'),$(this).data('facultycodeno'));
                    $('#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')));
                    $('#exam_subject_mark_config_id_edit').val(decodeURIComponent($(this).data('exammarkconfigid')));
                    $('#semester_class_id').val(decodeURIComponent($(this).data('semester_classid')));

                    $('#name').val(decodeURIComponent($(this).data('nameval')));

                    $('#notification_date').val(decodeURIComponent($(this).data(
                        'notificationdate')));
                    $('#admit_card_date').val(decodeURIComponent($(this).data('admit_carddate')));
                    $('#exam_date').val(decodeURIComponent($(this).data('examdate')));

                    var viba_date = decodeURIComponent($(this).data('vibadate'));
                    if (viba_date != 'null') {
                        $('#viba_date_val').prop('checked', true);
                        $('#viba_date').prop('disabled', false).prop('readonly', true);
                        $('#viba_date').val(viba_date);
                    } else {
                        $('#viba_date_val').prop('checked', false);
                    }

                    $('#available_seat').val(decodeURIComponent($(this).data('availableseat')));
                    $('#waiting_seat').val(decodeURIComponent($(this).data('waitingseat')));

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


            // Edit Data (Modal and function edit data)
            $('.update').click(function () {
                //console.log('edit blade woking 1');
                const formData = new FormData($('#form2')[0]);
                $.ajax({
                    type: 'post',
                    url: '{{ Request::url() }}/edit',
                    data: formData,
                    dataType: 'json',
                    processData: false, // Prevent jQuery from automatically transforming the data into a query string
                    contentType: false, // Prevent jQuery from setting the Content-Type header
                    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}e`).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();
            });

            // Add Data (Modal and function add data)
            $('.add').click(function () {
                const formElement = $('#form2')[0];
                const formData = new FormData(formElement); // Ensure formData is a FormData object
                formData.append('type', formType); // Include the type

                $.ajax({
                    type: 'post',
                    url: '{{ Request::url() }}/store',
                    data: formData,
                    dataType: 'json',
                    processData: false, // Prevent jQuery from automatically transforming the data into a query string
                    contentType: false, // Prevent jQuery from setting the Content-Type header
                    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');
                    }
                });

            });


            $('#searchForm').on('submit', function (element) {
                element.preventDefault();
                datatable.ajax.reload();
            })


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

                                    if (_response.responseTitle == 'success') {
                                        Swal.fire({
                                            icon: 'success',
                                            title: 'Exam Process!',
                                            text: 'This exam process has been ended.',
                                            showConfirmButton: false,
                                            timer: 1500
                                        })
                                        datatable.ajax.reload();

                                    } else {
                                        Swal.fire({
                                            icon: 'error',
                                            title: 'Failed to exam process!',
                                            text: 'This exam process has been failed to end.',
                                            showConfirmButton: true,
                                        })
                                    }
                                }
                            });
                        }
                    })
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'Failed to delete!',
                        text: 'Access Denied',
                        showConfirmButton: true,
                    })
                }
            });

            //delete function
            $(document).on('click', '.delete-action', function () {
                if (hasAccess('eims/examination/exam/admission/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.responseTitle == 'success') {
                                        Swal.fire({
                                            icon: 'success',
                                            title: 'Deleted!',
                                            text: 'This data has been deleted.',
                                            showConfirmButton: false,
                                            timer: 1500
                                        })
                                        datatable.ajax.reload();

                                    } else {
                                        Swal.fire({
                                            icon: 'error',
                                            title: 'Failed to delete!',
                                            text: 'This data has not been deleted.',
                                            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