@extends('layouts.master')

@section('title', 'Subject Settings')
@section('content_title', __('Academic.subject settings'))

@section('content_summary', 'Subject Settings Summury')


@section('content_taskbar')
    <li class="nav-item">
        <a href="{{ route('subject_settings.create') }}" class="nav-link modal-triger" id="add" data-bs-toggle="modal"
            data-bs-target="#basicModal">
            <i class="nav-link-icon pe-7s-plus"></i>
            <span>{{ __('Create subject_settings') }}</span>
        </a>
    </li>
@endsection


@section('main_content')
    <div class="main-card mb-3 ">
        <div class="card">
            <div class="card-body">
                <form action="{{ route('subject_settings.index') }}" method="GET" id="search_subject_settings">
                    <div class="row">
                        @if (auth()->user()->hasRole('Super Admin'))
                            <div class="col col-md-3 form-group">
                                {!! html()->label(__('academic.select_business_id') . ':', 'business_id') !!}
                                {!! html()->select('business_id', $business_list)->class('form-control fn_search_select_business_id')->id('business_id')->required()->value(old('business_id')) !!}
                            </div>
                        @endif

                        <div class="col col-md-3 mb-3 form-group">
                            {!! html()->label(__('academic.select_academic_class_id') . ':', 'academic_class_id') !!}
                            {!! html()->select('academic_class_id', 'Please Select')->class('form-control search_academic_class_id')->id('academic_class_id')->required()->value(old('academic_class_id')) !!}
                        </div>
                        <div class="col col-md-3 mb-3 form-group">
                            {!! html()->label(__('academic.select_section_id') . ':', 'section_id') !!}
                            {!! html()->select('section_id', 'Please Select')->class('form-control search_section_id')->id('section_id')->attribute('disabled', true)->value(old('section_id')) !!}
                        </div>
                        <div class="col col-md-3 mb-3 form-group">
                            {!! html()->label(__('academic.select_group_id') . ':', 'group_id') !!}
                            {!! html()->select('group_id', 'Please Select')->class('form-control search_group_id')->id('group_id')->value(old('group_id'))->attribute('disabled', true) !!}
                        </div>
                        <div class="col-12 col-md-12 mb-3 text-center">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="card mt-5">
            <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">
                            {{ __('core.home') }}</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">
                            {{ __('core.trash') }}
                        </a>
                    </li>

                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab-eg10-0" role="tabpanel">
                        @include('academic::subject_settings.partials.subject_setting_list')

                    </div>
                    <div class="tab-pane" id="tab-eg10-1" role="tabpanel">
                        @include('academic::subject_settings.partials.trash_list')
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script type="text/javascript">
        $(document).ready(function() {
            $(document).on("click", ".modal-triger", function() {
                let modal_selector = $(this).attr("data-bs-target");
                $(modal_selector).css("visibility", "hidden")
                $.ajax({
                    method: 'GET',
                    url: $(this).attr('href'),
                    success: function(response) {
                        $(modal_selector).modal().hide();
                        $(modal_selector).css("visibility", "")
                        $(modal_selector).html(response)
                        $(modal_selector).modal().show();

                    },
                    error: function(response) {
                        // console.log(response);
                        $(modal_selector).html(
                            'Something Wrong, Please Try Again Later.');
                    }
                });
            })


            // //Status table
            // var subject_settings_table = $('#subject_setting_table').DataTable({
            //     processing: true,
            //     serverSide: true,


            // });

            // //Trash table
            // var trash_subject_settings_table = $('#trash_subject_setting_table').DataTable({
            //     processing: true,
            //     serverSide: true,
            // });

            // search section code start

            let business_id = "{{ $business_id }}";
            if (business_id != '' && Number(business_id)) {
                search_load_data_by_business_id(Number(business_id))
            }
            $(".fn_search_select_business_id").on("change", function() {
                search_load_data_by_business_id($(this).val());
                $(".remove-subject").click();
            })

            $(".search_academic_class_id").on("change", function() {
                let class_id = $(this).val();
                if (class_id) {
                    $.ajax({
                        method: "get",
                        url: `{{ route('academic_classes.has_group', ':class_id') }}`.replace(
                            ':class_id', class_id),
                        success: function(result) {
                            if (result == 1) {
                                $(".search_group_id").removeAttr("disabled")
                            } else {
                                $(".search_group_id").attr("disabled", true);
                                $(".search_group_id").val('');

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

                            }
                        }
                    })

                }
            })

            $(document).on('submit', '#search_subject_settings', function(e) {
                e.preventDefault();
                $(this).find('button[type="submit"]').attr('disabled', false);
                var data = $(this).serialize();
                loadData(data);
                // $.ajax({
                //     method: $(this).attr('method'),
                //     url: $(this).attr("action"),
                //     dataType: "json",
                //     data: data,
                //     success: function(result) {
                //         console.log(result);
                //     }
                // });
            });


            function search_load_data_by_business_id(business_id) {
                $.ajax({
                    method: "POST",
                    url: "{{ route('academic_subject_settings.load_data_by_business_id') }}",
                    data: {
                        business_id
                    },
                    success: function(response) {
                        updateDropdown($(".search_academic_class_id"), response.academic_class_list,
                            true)
                        updateDropdown($(".search_subject_id"), response.subject_list, true)
                        updateDropdown($(".search_group_id"), response.group_list, true)
                        updateDropdown($(".search_section_id"), response.section_list, true)
                    }
                })
            }

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

            // search section code end

            $(document).on('submit', '#subject_settings_form', function(e) {
                e.preventDefault();
                $(this).find('button[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.subject_settings_modal').modal('hide');
                            toastr.success(result.msg);
                            subject_settings_table.ajax.reload();
                        } else {
                            toastr.error(result.msg);
                            if (result.details) {
                                if (result.details.subject_settings_name) {
                                    document.getElementById("subject_settings_name_msg")
                                        .innerText = result
                                        .details.subject_settings_name[0];
                                } else {
                                    document.getElementById("subject_settings_name_msg")
                                        .innerText = '';
                                }
                            }
                        }
                    },
                    error: function(response) {
                        // Clear previous error messages
                        $("#subject_settings_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('click', '.toggle_subject_settings_button', function(e) {
                e.preventDefault();
                var data = $(this).serialize();

                Swal.fire({
                    // type: "warning",
                    title: "{{ __('common.sure') }}",
                    text: "{{ __('common.confirm_update_status') }}",
                    icon: "warning",
                    buttons: true,
                    dangerMode: false,
                }).then((willUpdate) => {
                    if (willUpdate) {
                        $.ajax({
                            url: $(this).attr("data-href"),
                            method: "PUT",
                            dataType: "json",
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    subject_settings_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            }
                        });
                    }
                })
            });

            // subject_settingss delete
            $(document).on('click', '.delete_subject_settings_button', function() {
                var url = $(this).data('href');
                swal({
                    title: LANG.sure,
                    text: LANG.confirm_delete_subject_settings,
                    icon: 'warning',
                    buttons: true,
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete) {
                        var href = url;
                        var data = $(this).serialize();

                        $.ajax({
                            method: 'DELETE',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    subject_settings_table.ajax.reload();
                                    trash_subject_settings_table.ajax.reload();
                                } else {
                                    swal({
                                        title: LANG.sure,
                                        text: result.msg,
                                        icon: 'warning',
                                        buttons: true,
                                        dangerMode: true,
                                    }).then((willDelete) => {
                                        if (willDelete) {
                                            var href = url;
                                            var data = {
                                                delete: 'all'
                                            };

                                            $.ajax({
                                                method: 'DELETE',
                                                url: href,
                                                dataType: 'json',
                                                data: data,
                                                success: function(
                                                    result) {
                                                    if (result
                                                        .success ==
                                                        true) {
                                                        toastr
                                                            .success(
                                                                result
                                                                .msg
                                                            );
                                                        subject_settings_table
                                                            .ajax
                                                            .reload();
                                                        trash_subject_settings_table
                                                            .ajax
                                                            .reload();
                                                    } else {
                                                        toastr
                                                            .error(
                                                                result
                                                                .msg
                                                            );
                                                    }
                                                },
                                            });
                                        }
                                    })
                                }
                            },
                        });
                    }
                });
            });

            // delete trash
            $(document).on('click', '.force_delete_subject_settings_button', function() {
                swal({
                    title: LANG.sure,
                    text: LANG.confirm_force_delete,
                    icon: 'warning',
                    buttons: true,
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete) {
                        var href = $(this).data('href');
                        var data = $(this).serialize();

                        $.ajax({
                            method: 'DELETE',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    trash_subject_settings_table.ajax.reload();
                                    subject_settings_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            },
                        });
                    }
                });
            });

            // restore
            $(document).on('click', '.restore_subject_settings_button', function() {
                swal({
                    title: LANG.sure,
                    text: LANG.confirm_restore,
                    icon: 'warning',
                    buttons: true,
                    dangerMode: false,
                }).then((willRestore) => {
                    if (willRestore) {
                        var href = $(this).data('href');
                        var data = $(this).serialize();

                        $.ajax({
                            method: 'POST',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    trash_subject_settings_table.ajax.reload();
                                    subject_settings_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            },
                        });
                    }
                });
            });


            // Load data
            function loadData(data) {
                $.ajax({
                    method: 'GET',
                    url: "{{ route('subject_settings.index') }}",
                    data: data,
                    success: function(response) {
                        console.log(response)
                        // Destroy the existing DataTable instance
                        if ($.fn.DataTable.isDataTable('#subject_setting_table')) {
                            $('#subject_setting_table').DataTable().destroy();
                        }
                        if ($.fn.DataTable.isDataTable('#trash_exam_room_schedule_table')) {
                            $('#trash_exam_room_schedule_table').DataTable().destroy();
                        }

                        // Replace the table body with the new data
                        $('#subject-setting-table-data').html(response.academicData);
                        $('#exam-room-schedule-table-trash-data').html(response.trashData);

                        // Reinitialize the DataTable
                        // $('#exam_room_schedule_table').DataTable({
                        //     processing: true,
                        //     responsive: true,
                        // });
                        // $('#trash_exam_room_schedule_table').DataTable({
                        //     processing: true,
                        //     responsive: true,
                        // });
                    },
                    error: function(response) {
                        console.log(response);
                    }
                });
            }


        });
    </script>
@endpush