@extends('layouts.master')

@section('title', 'academic basic settings')
@section('content_title', __('Academic.academic basic settings'))

@section('content_summary', 'academic basic settings')

@section('main_content')
    <div class="main-card mb-3 card">
        <div class="card-body">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#tab-eg10-0" class="mb-2 me-2 btn btn-shadow-primary btn-primary">Create Basic Settings</a>
                </li>
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#tab-eg10-1" class="mb-2 me-2 btn btn-shadow-danger btn-danger">
                        <span>Setup Basic Settings</span>
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab-eg10-0" role="tabpanel">
                    <form class="academic_basic_settings_form" action="{{ route('academic_basic_settings.store') }}"
                        method="post">
                        <div class="d-flex align-items-center gap-3">

                            @if (auth()->user()->hasRole('Super Admin'))
                                <div class="mb-3 flex-fill w-100">
                                    <label for="" class="form-label">Select Business Id</label>
                                    <select class="form-select business_id" name="business_id" id="business_id">
                                        @foreach ($businesses as $key => $value)
                                            <option value="{{ $key }}"
                                                {{ $key == $business_id ? 'selected' : '' }}>
                                                {{ $value }}</option>
                                        @endforeach

                                    </select>
                                </div>
                            @endif
                            <div class=" mb-3 flex-fill w-100">
                                <label for="" class="form-label">Enter Setting Name</label>
                                <input type="text" class="form-control setting_name" name="setting_name"
                                    id="setting_name" aria-describedby="helpId" />
                            </div>
                            <div class="mt-2">
                                <button type="submit" class="btn btn-success">save</button>
                            </div>
                        </div>
                    </form>

                </div>
                <div class="tab-pane" id="tab-eg10-1" role="tabpanel">
                    <div class="row">
                        <div class="col col-md-12 card mb-3">
                            <div class=" card-body">
                                <div class="card-title">Select Basic Settings</div>
                                <div class="d-flex align-items-center gap-3">

                                    @if (auth()->user()->hasRole('Super Admin'))
                                        <div class="mb-3 flex-fill w-100">
                                            <label for="" class="form-label">Select Business Id</label>
                                            <select class="form-select business_id load_data_by_business_id"
                                                name="business_id">
                                                @foreach ($businesses as $key => $value)
                                                    <option value="{{ $key }}"
                                                        {{ $key == $business_id ? 'selected' : '' }}>{{ $value }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    @endif
                                    <div class="mb-3 flex-fill w-100">
                                        <label for="" class="form-label">Select Basic Setting</label>
                                        <select class="form-select academic_basic_setting_id"
                                            name="academic_basic_setting_id">
                                            @foreach ($basic_settings_list as $key => $value)
                                                <option value="{{ $key }}">{{ $value }}</option>
                                            @endforeach

                                        </select>
                                    </div>
                                </div>


                            </div>
                        </div>
                        <div class="col-md-12 ">
                            <form action="#" method="put" class="academic_basic_settings_edit_form">
                                <div class="card-body">

                                    <div class="row ">
                                        <div class="col col-md-6  mb-3">
                                            <div class="card">
                                                <div class="card-body row">
                                                    <div class="card-title">
                                                        {{ __('academic.academic_basic_settings_common') }}
                                                    </div>
                                                    <div class="col col-md-6">
                                                        {!! html()->label(__('academic.select_academic_year') . ':', 'academic_year_id') !!}
                                                        <div class="input-group">
                                                            {!! html()->select('academic_year_id', $academic_year)->class('form-control academic_year_id')->id('academic_year_id')->required()->value(old('academic_year_id')) !!}
                                                        </div>
                                                    </div>
                                                    <div class="col col-md-6">
                                                        {!! html()->label(__('academic.select_shift_name') . ':', 'shift_id') !!}
                                                        <div class="input-group">
                                                            {!! html()->select('shift_id', $shifts)->class('form-control shift_id')->id('shift_id')->required()->value(old('shift_id')) !!}

                                                        </div>
                                                    </div>
                                                    {{-- <div class="col-12 mt-3 text-center">
                                                    <button class="btn btn-primary" type="submit">save</button>
                                                </div> --}}
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col col-md-6 mb-3">
                                            <div class="card">

                                                <div class="card-body row">
                                                    <div class="card-title">{{ __('academic.academic_class_settings') }}
                                                    </div>
                                                    <div class="col col-md-6">
                                                        {!! html()->label(__('academic.select_academic_class') . ':', 'academic_class_id') !!}
                                                        <div class="input-group">
                                                            {!! html()->select('academic_class_id', $academic_classes)->class('form-control academic_class_id')->id('academic_class_id ')->required()->value(old('academic_class_id')) !!}
                                                        </div>
                                                    </div>
                                                    <div class="col col-md-6">
                                                        {!! html()->label(__('academic.select_class_teacher') . ':', 'class_teacher_id') !!}
                                                        <div class="input-group">
                                                            {!! html()->select('class_teacher_id', $employee_pluck)->class('form-control class_teacher_id')->id('class_teacher_id')->required()->attribute('disabled', true)->value(old('class_teacher_id')) !!}
                                                        </div>
                                                    </div>
                                                    {{-- <div class="col-12 mt-3 text-center">
                                                    <button class="btn btn-primary" type="submit">save</button>
                                                </div> --}}
                                                </div>
                                            </div>

                                        </div>
                                        <div class="col col-md-6 mb-3">
                                            <div class="card">

                                                <div class="card-body row">
                                                    <div class="card-title">{{ __('academic.academic_group_settings') }}
                                                    </div>
                                                    <div class="col col-md-6">
                                                        {!! html()->label(__('academic.select_group') . ':', 'group') !!}
                                                        <div class="input-group">
                                                            {!! html()->select('group_id', $groups)->attribute('disabled', true)->class('form-control group_id')->id('group_id')->value(old('group_id')) !!}
                                                        </div>
                                                    </div>
                                                    <div class="col col-md-6">
                                                        {!! html()->label(__('academic.select_group_teacher') . ':', 'group_teacher_id') !!}
                                                        {!! html()->select('group_teacher_id', $employee_pluck)->class('form-control group_teacher_id')->id('group_teacher_id')->attribute('disabled', true)->value(old('group_teacher_id')) !!}
                                                    </div>
                                                    {{-- <div class="col-12 mt-3 text-center">
                                                    <button class="btn btn-primary" type="submit">save</button>
                                                </div> --}}
                                                </div>
                                            </div>

                                        </div>
                                        <div class="col col-md-6 mb-3">
                                            <div class="card">

                                                <div class="card-body row">
                                                    <div class="card-title">{{ __('academic.academic_section_settings') }}
                                                    </div>
                                                    <div class="col col-md-6">
                                                        {!! html()->label(__('academic.select_section') . ':', 'section_id') !!}
                                                        <div class="input-group">
                                                            {!! html()->select('section_id', $sections)->class('form-control section_id')->id('section_id')->attribute('disabled', true)->value(old('section_id')) !!}
                                                        </div>
                                                    </div>
                                                    <div class="col col-md-6">
                                                        {!! html()->label(__('academic.select_section_teacher') . ':', 'section_teacher_id') !!}
                                                        {!! html()->select('section_teacher_id', $employee_pluck)->class('form-control section_teacher_id')->id('section_teacher_id')->attribute('disabled', true)->value(old('section_teacher_id')) !!}
                                                    </div>
                                                    {{-- <div class="col-12 mt-3 text-center">
                                                    <button class="btn btn-primary" type="submit">save</button>
                                                </div> --}}
                                                </div>
                                            </div>

                                        </div>
                                        <div class="col col-md-12 mb-3">
                                            <div class="card">

                                                <div class="card-body">
                                                    <div class="card-title">{{ __('academic.academic_teacher_settings') }}
                                                    </div>
                                                    <div class="parent_div">
                                                        <div class="row clone_div mb-3">
                                                            <div class="col col-md-6">
                                                                {!! html()->label(__('academic.select_subject') . ':', 'subject_id[0]') !!}
                                                                {!! html()->select('subject_id[0]', $subjects)->class('form-control subject_id')->id('subject_id[0]')->required()->value(old('subject_id[0]')) !!}
                                                            </div>
                                                            <div class="col col-md-6">
                                                                {!! html()->label(__('academic.select_subject_teacher') . ':', 'teacher_id[0]') !!}
                                                                {!! html()->select('teacher_id[0]', $employee_pluck)->class('form-control teacher_id')->id('teacher_id[0]')->required()->value(old('teacher_id[0]')) !!}
                                                            </div>
                                                            <div class="col-12 mt-3 text-center">
                                                                <button type="button"
                                                                    class="btn btn-primary add-more-subject-teacher-form"
                                                                    id="add-more-subject-teacher-form">
                                                                    Add Teacher
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                        </div>
                                        <div class="col col-md-12 mb-3">
                                            <div class="card">

                                                <div class="card-body row">
                                                    <div class="card-title">
                                                        {{ __('academic.academic_all_settings_common') }}
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            {!! html()->checkbox('status', true)->id('status')->class('input-icheck status') !!}
                                                            {!! html()->label('Status', 'status') !!}
                                                            @show_tooltip(__('core.tooltip_enable_user_active'))
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            {!! html()->label(__('core.note') . ':', 'note') !!}
                                                            {!! html()->textarea('note')->class('form-control')->id('note')->value(old('note', $shift->note ?? '')) !!}
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>

                                        </div>
                                        <div class="col col-md-12 mb-3 text-center">
                                            <button class="btn btn-primary btn-lg">Save</button>
                                        </div>

                                    </div>
                                </div>
                            </form>

                        </div>
                        {{-- <div class="position-relative mb-3">
                            @component('components.widget', ['title' => __('academic.academic_teacher_settings')])
                                <div id="select_subject_teacher_form" class="select_subject_teacher_form">
                                    <div class="col-md-12 child_select_subject_teacher_form"
                                        style="display: flex;justify-content:center;align-items: center; gap:4rem;">
                                        <div class="" style="width: 50%;">
                                            <div class="form-group" style="width: 100% !important">
                                                {!! html()->label(__('academic.select_subject') . ':', 'subject_id[0]') !!}
                                                <div class="input-group">
                                                    {!! html()->select('subject_id[0]', $subjects)->class('form-control subject_id')->id('subject_id[0]')->required()->value(old('subject_id[0]')) !!}
                                                    <span class="input-group-btn">
                                                        <button type="button"
                                                            class="btn btn-default bg-white btn-flat btn-modal "
                                                            data-href="{{ route('academic_subjects.create') }}"
                                                            data-container=".subject_modal"><i
                                                                class="fa fa-plus-circle text-primary fa-lg"></i></button>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="position-relative mb-3" style="width: 50%;">
                                            <div class="form-group" style="width: 100% !important">
                                                {!! html()->label(__('academic.select_subject_teacher') . ':', 'teacher_id[0]') !!}
                                                <div class="input-group">
                                                    {!! html()->select('teacher_id[0]', $employee_pluck)->class('form-control teacher_id')->id('teacher_id[0]')->required()->value(old('teacher_id[0]')) !!}
                                                    <span class="input-group-btn">
                                                        <a type="button" class="btn btn-default bg-white btn-flat"
                                                            href="/employees/create"><i
                                                                class="fa fa-plus-circle text-primary fa-lg"></i></a>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="position-relative mb-3" style="margin: 2rem 0; text-align: center;">
                                    <button type="button" class="btn btn-primary add-more-subject-teacher-form"
                                        id="add-more-subject-teacher-form">
                                        Add Teacher
                                    </button>
                                </div>

                                <div class="position-relative mb-3">
                                    <div class="form-group" style="width: 100% !important">
                                        <div class="input-group">
                                            {!! html()->label(__('academic.select_group_teacher') . ':', 'group_teacher_id') !!}
                                            {!! html()->select('group_teacher_id', $employee_pluck)->class('form-control group_teacher_id')->id('group_teacher_id')->attribute('disabled', true)->value(old('group_teacher_id')) !!}
                                            <span class="input-group-btn">
                                                <a type="button" id="group_teacher_create_btn"
                                                    class="btn btn-default bg-white btn-flat disabled"
                                                    href="/employees/create"><i
                                                        class="fa fa-plus-circle text-primary fa-lg"></i></a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="position-relative mb-3">
                                    <div class="form-group" style="width: 100% !important">
                                        {!! html()->label(__('academic.select_section_teacher') . ':', 'section_teacher_id') !!}
                                        <div class="input-group">
                                            {!! html()->select('section_teacher_id', $employee_pluck)->class('form-control section_teacher_id')->id('section_teacher_id')->attribute('disabled', true)->value(old('section_teacher_id')) !!}
                                            <span class="input-group-btn">
                                                <a type="button" id="section_teacher_create_btn"
                                                    class="btn btn-default bg-white btn-flat disabled"
                                                    href="/employees/create"><i
                                                        class="fa fa-plus-circle text-primary fa-lg"></i></a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="position-relative mb-3">
                                    <div class="form-group" style="width: 100% !important">
                                        {!! html()->label(__('academic.select_class_teacher') . ':', 'class_teacher_id') !!}
                                        <div class="input-group">
                                            {!! html()->select('class_teacher_id', $employee_pluck)->class('form-control class_teacher_id')->id('class_teacher_id')->required()->attribute('disabled', true)->value(old('class_teacher_id')) !!}
                                        </div>
                                    </div>
                                </div>
                            @endcomponent
                        </div>

                        <div class="position-relative mb-3">
                            @component('components.widget', ['title' => __('academic.common')])
                                <div class="col-md-12">
                                    <div class="form-group">
                                        {!! html()->checkbox('status', true)->id('status')->class('input-icheck status') !!}
                                        {!! html()->label('Status', 'status') !!}
                                        @show_tooltip(__('core.tooltip_enable_user_active'))
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        {!! html()->label(__('core.note') . ':', 'note') !!}
                                        {!! html()->textarea('note')->class('form-control')->id('note')->value(old('note', $shift->note ?? '')) !!}
                                    </div>

                                </div>
                            @endcomponent
                        </div>
                        <div class="row">
                            <div class="col-md-12 text-center">
                                {!! html()->button(__('core.submit'), 'submit')->class('btn btn-primary btn-big') !!}
                            </div>
                        </div> --}}
                    </div>

                </div>
            </div>
        </div>
    </div>

@endsection

@push('script')
    <script>
        $(document).ready(function() {
            var business_id = {!! json_encode($business_id) !!};
            var duplicate_times = 1;
            $(document).on("change", ".business_id", function() {
                if ($(this).val()) {
                    business_id = $(this).val();
                }
            })
            $(document).on("submit", ".academic_basic_settings_form", function(e) {
                e.preventDefault();
                console.log($(this).serialize());
                // return
                // $(this).find('[type="submit"]').attr('disabled', false);
                var data = $(this).serialize();

                $.ajax({
                    method: $(this).attr('method'),
                    url: $(this).attr("action"),
                    dataType: "json",
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            $('div.exam_room_schedule_modal').modal('hide');
                            toastr.success(result.msg);
                            loadDataByBusinessId();
                        } else {
                            toastr.error(result.msg);
                        }
                    },
                    error: function(response) {
                        // Clear previous error messages
                        $("#exam_room_schedule_form").find('.text-danger').remove();

                        if (response.status === 422) {
                            // Validation errors
                            var errors = response.responseJSON.errors;
                            for (var field in errors) {
                                // Find the input field and add the error message
                                let key = field;
                                let parts = key.split('.');
                                let input_name = parts[0]; // "input field name value"
                                let index = parts[1];
                                if (index) {
                                    var $input = $('[name="' + input_name + '[]"]')[index];
                                    let span = document.createElement("span");
                                    span.classList.add("text-danger");
                                    span.innerText = errors[field][0];
                                    $input.parentElement.appendChild(span);
                                } else {
                                    var $input = $('[name="' + field + '"]');
                                    let span = document.createElement("span");
                                    span.classList.add("text-danger");
                                    span.innerText = errors[field][0];
                                    $input[0].parentElement.appendChild(span);
                                }
                                toastr.error(errors[field][0]);

                            }
                        } else {
                            toastr.error('An unexpected error occurred.');
                        }

                        // Re-enable submit button
                    }
                });
            })

            $(document).on("change", ".load_data_by_business_id", function() {
                business_id = $(this).val();
                loadDataByBusinessId();
            })

            $(document).on("change", ".academic_basic_setting_id", function() {
                let setting_id = $(this).val();
                let url = `{{ route('academic_basic_settings.update', ':setting_id') }}`.replace(
                    ':setting_id', setting_id);
                $(".academic_basic_settings_edit_form").attr("action", url);
                loadDataByBasicSettings(setting_id);
            })

            $(document).on("submit", ".academic_basic_settings_edit_form", function(e) {
                e.preventDefault();
                var data = $(this).serialize();

                if ($(".academic_basic_setting_id").val()) {
                    $.ajax({
                        method: $(this).attr('method'),
                        url: $(this).attr("action"),
                        dataType: "json",
                        data: data,
                        success: function(result) {
                            if (result.success == true) {
                                $('div.exam_room_schedule_modal').modal('hide');
                                toastr.success(result.msg);
                                loadDataByBusinessId();
                            } else {
                                toastr.error(result.msg);
                            }
                        },
                        error: function(response) {
                            // Clear previous error messages
                            $(".academic_basic_settings_edit_form").find('.text-danger')
                                .remove();

                            if (response.status === 422) {
                                // Validation errors
                                var errors = response.responseJSON.errors;
                                for (var field in errors) {
                                    // Find the input field and add the error message
                                    let key = field;
                                    let parts = key.split('.');
                                    let input_name = parts[0]; // "input field name value"
                                    let index = parts[1];
                                    if (index) {
                                        var $input = $('[name="' + input_name + '[]"]')[index];
                                        let span = document.createElement("span");
                                        span.classList.add("text-danger");
                                        span.innerText = errors[field][0];
                                        $input.parentElement.appendChild(span);
                                    } else {
                                        var $input = $('[name="' + field + '"]');
                                        let span = document.createElement("span");
                                        span.classList.add("text-danger");
                                        span.innerText = errors[field][0];
                                        $input[0].parentElement.appendChild(span);
                                    }
                                    toastr.error(errors[field][0]);

                                }
                            } else {
                                toastr.error('An unexpected error occurred.');
                            }

                            // Re-enable submit button
                        }
                    });
                } else {
                    toastr.info("Please select a basic setting");
                }
            })

            $(document).on("click", ".add-more-subject-teacher-form", function() {
                let parent_div = document.querySelector(".parent_div");
                let clone_div = document.querySelector(".clone_div");
                let clone_element = duplicate_and_remove_element(parent_div, clone_div,
                    "<button class='btn btn-danger remove-teacher'>Remove</button>", "remove-teacher",
                    true, "add-more-subject-teacher-form")
                update_tag_name_to_array(clone_element, duplicate_times);
                duplicate_times++;
            })

            // on class change check this class has section & group
            $(document).on("change", ".academic_class_id", function() {
                let class_id = $(this).val();
                if (class_id) {
                    $(".class_teacher_id").removeAttr("disabled")
                    $.ajax({
                        method: "get",
                        url: `{{ route('academic_classes.has_group', ':class_id') }}`.replace(
                            ':class_id', class_id),
                        success: function(result) {
                            if (result == 1) {
                                $(".group_id").removeAttr("disabled")
                                $(".group_teacher_id").removeAttr("disabled")
                            } else {
                                $(".group_id").attr("disabled", true);
                                $(".group_teacher_id").attr("disabled", true);
                                $(".group_id").val('');
                                $(".group_teacher_id").val('');

                            }
                        }
                    })
                    $.ajax({
                        method: "get",
                        url: `{{ route('academic_classes.has_section', ':class_id') }}`.replace(
                            ':class_id', class_id),
                        success: function(result) {
                            if (result == 1) {
                                $(".section_id").removeAttr("disabled")
                                $(".section_teacher_id").removeAttr("disabled")
                            } else {
                                $(".section_id").attr("disabled", true);
                                $(".section_teacher_id").attr("disabled", true);
                                $(".section_id").val('');
                                $(".section_teacher_id").val('');
                            }
                        }
                    })

                } else {
                    $(".class_teacher_id").attr("disabled", true)
                    $(".class_teacher_id").val("")
                    $(".group_id").attr("disabled", true);
                    $(".group_teacher_id").attr("disabled", true);
                    $(".group_id").val('');
                    $(".group_teacher_id").val('');
                    $(".section_id").attr("disabled", true);
                    $(".section_teacher_id").attr("disabled", true);
                    $(".section_id").val('');
                    $(".section_teacher_id").val('');

                }
            })


            function loadDataByBusinessId() {
                $.ajax({
                    url: "{{ route('acadmic_basic_settings.load_data_by_business_id') }}",
                    method: "post",
                    data: {
                        business_id: business_id
                    },
                    success: function(response) {
                        $(".business_id").val(response.business_id);
                        updateDropdown($(".academic_basic_setting_id"), response
                            .academic_basic_settings_name_list, true)
                    }
                })
            }

            function loadDataByBasicSettings(id) {
                if (id) {
                    $.ajax({
                        method: "post",
                        url: "{{ route('acadmic_basic_settings.load_data_by_basic_setting') }}",
                        data: {
                            id
                        },
                        success: function(response) {
                            console.log(response);
                            if (response[0].academic_year_settings && response[0].academic_year_settings
                                .length > 0) {
                                $(".academic_year_id").val(response[0].academic_year_settings[0]
                                    .academic_year_id);
                            } else {
                                $(".academic_year_id").val("");
                            }
                            if (response[0].shift_id) {
                                $(".shift_id").val(response[0].shift_id);
                            } else {
                                $(".shift_id").val("");
                            }
                            if (response[0].academic_class_id) {
                                $(".academic_class_id").val(response[0].academic_class_id);
                                $(".class_teacher_id").removeAttr("disabled")
                            } else {
                                $(".academic_class_id").val("");
                                $(".class_teacher_id").val("");
                                $(".class_teacher_id").attr("disabled", true)

                            }
                            if (response[0].class_teacher_id) {
                                $(".class_teacher_id").val(response[0].class_teacher_id);
                                $(".class_teacher_id").removeAttr("disabled")

                            } else {
                                $(".class_teacher_id").val("");
                                $(".class_teacher_id").attr("disabled", true)

                            }
                            if (response[0].section_id) {
                                $(".section_id").val(response[0].section_id);
                                $(".section_id").removeAttr("disabled")
                                $(".section_teacher_id").removeAttr("disabled")
                            } else {
                                $(".section_id").val("");
                                $(".section_teacher_id").val("");
                                $(".section_id").attr("disabled", true)
                                $(".section_teacher_id").attr("disabled", true)

                            }
                            if (response[0].section_teacher_id) {
                                $(".section_teacher_id").val(response[0].section_teacher_id);
                                $(".section_teacher_id").removeAttr("disabled")


                            } else {
                                $(".section_teacher_id").val("");
                                $(".section_teacher_id").attr("disabled", true)
                            }
                            if (response[0].group_id) {
                                $(".group_id").val(response[0].group_id);
                                $(".group_id").removeAttr("disabled")
                                $(".group_teacher_id").removeAttr("disabled")
                            } else {
                                $(".group_id").val("");
                                $(".group_teacher_id").val("");
                                $(".group_id").attr("disabled", true)
                                $(".group_teacher_id").attr("disabled", true)

                            }
                            if (response[0].group_teacher_data && response[0].group_teacher_data
                                .length > 0) {
                                $(".group_teacher_id").val(response[0].group_teacher_data[0]
                                    .teacher_id);
                                $(".group_teacher_id").removeAttr("disabled")

                            } else {
                                $(".group_teacher_id").val("");
                                $(".group_teacher_id").attr("disabled", true)

                            }

                            if (response[0].teacher_settings && response[0].teacher_settings.length >
                                0) {
                                let click = 1;
                                response[0].teacher_settings.forEach((ele, index) => {
                                    if (click < response[0].teacher_settings.length) {
                                        $("#add-more-subject-teacher-form").click();
                                        click++;
                                    }
                                    $('.subject_id')[index].value = (ele.subject_id)
                                    $('.teacher_id')[index].value = (ele.teacher_id)

                                })
                            } else {
                                $(".remove-teacher").click();
                                $('.subject_id').val("")
                                $('.teacher_id').val("")
                            }

                        }
                    })
                } else {
                    $('.subject_id').val("")
                    $('.teacher_id').val("")
                    $(".academic_year_id").val("");
                    $(".shift_id").val("");
                    $(".academic_class_id").val("");
                    $(".class_teacher_id").attr("disabled", true)
                    $(".class_teacher_id").val("")
                    $(".group_id").attr("disabled", true);
                    $(".group_teacher_id").attr("disabled", true);
                    $(".group_id").val('');
                    $(".group_teacher_id").val('');
                    $(".section_id").attr("disabled", true);
                    $(".section_teacher_id").attr("disabled", true);
                    $(".section_id").val('');
                    $(".section_teacher_id").val('');
                    $(".remove-teacher").click();

                }
            }


            function duplicate_and_remove_element(container, clone_element,
                remove_button_inner_html, remove_button_class_name, replace_remove_button_by_add_button = false,
                add_button_class_name = false) {
                let parent = container;
                let child_of_parent = clone_element;
                let clone_of_child = child_of_parent.cloneNode(
                    true);
                if (replace_remove_button_by_add_button && add_button_class_name) {
                    clone_of_child.getElementsByClassName(add_button_class_name)[0].parentElement.innerHTML =
                        remove_button_inner_html;
                    clone_of_child.getElementsByClassName(remove_button_class_name)[0].addEventListener("click",
                        (e) => {
                            let parentDiv = clone_of_child;
                            if (parentDiv) {
                                parentDiv.remove();
                            }
                        });

                } else {
                    var newDiv = document.createElement('div');

                    // Create the button element inside the new div
                    newDiv.innerHTML =
                        remove_button_inner_html;
                    newDiv.getElementsByClassName(remove_button_class_name)[0].addEventListener("click",
                        (e) => {
                            let parentDiv = clone_of_child;
                            if (parentDiv) {
                                parentDiv.remove();
                            }
                        });
                    clone_of_child.appendChild(newDiv);
                }
                parent.appendChild(clone_of_child);
                return clone_of_child;
            }

            function update_tag_name_to_array(elements, key) {
                let inputs = elements.querySelectorAll('select, input, textarea');
                inputs.forEach(function(input) {
                    let name = input.getAttribute('name');
                    if (name) {
                        // Replace the [number] format in the name attribute
                        input.setAttribute('name', name.replace(/\[\d+\]/, `[${key}]`));

                        // Update the id attribute
                        let id = input.getAttribute('id');
                        if (id) {
                            // Replace the [number] format in the id attribute
                            input.setAttribute('id', id.replace(/\[\d+\]/, `[${key}]`));
                        }

                        // Update the for attribute in the label
                        let label = input.closest('.col').querySelector('label[for]');
                        if (label) {
                            label.setAttribute('for', label.getAttribute('for').replace(/\[\d+\]/,
                                `[${key}]`));
                        }
                    }
                });
            }

            function updateDropdown($select, data, selected) {
                $select.empty(); // Clear the existing options
                // Add default option
                $select.append($('<option></option>').attr('value', '').text(
                    'Please Select'));
                // Add the new options
                $.each(data, function(key, value) {
                    $select.append($('<option></option>').attr('value', key).text(value));
                });

                if (selected) {
                    // Select the last option
                    $select.find('option:first').prop('selected', true);
                }
            }
        })
    </script>
@endpush