@extends('layouts.master')

@section('title', __('academic.routine_setup'))
@section('content_title', __('academic.routine_setup'))
@section('content_summary', __('academic.routine_setup_summary'))

@section('content_taskbar')
    <li class="nav-item">
        <a href="{{ route('academic-routine-setup.create') }}" class="nav-link">
            <i class="nav-link-icon pe-7s-plus"></i>
            <span>{{ __('core.add') }}</span>
        </a>
    </li>
@endsection

@section('main_content')
    <div id="accordion" class="accordion-wrapper mb-3">
        <div class="card">
            <div id="headingOne" class="card-header">
                <button type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne1" aria-expanded="false"
                    aria-controls="collapseOne" class="text-start m-0 p-0 btn btn-link btn-block collapsed">
                    <h5 class="m-0 p-0">{{ __('core.filter') }}</h5>
                </button>
            </div>
            <div data-parent="#accordion" id="collapseOne1" aria-labelledby="headingOne" class="collapse" style="">
                <div class="card-body">
                    <form>
                        <x-academicFilter class="row">
                            <x-slot:show_business>
                                <x-slot:show_business_child required class="filter_action"></x-slot:show_business_child>
                            </x-slot:show_business>
                            <x-slot:show_academic_year required></x-slot:show_academic_year>
                            <x-slot:show_academic_class required>
                                <x-slot:show_academic_class_child class="filter_action"></x-slot:show_academic_class_child>
                            </x-slot:show_academic_class>
                            <x-slot:show_academic_section>
                                <x-slot:show_academic_section_child class="filter_action"></x-slot:show_academic_section_child>
                            </x-slot:show_academic_section>
                            <x-slot:show_academic_group>
                                <x-slot:show_academic_group_child class="filter_action"></x-slot:show_academic_group_child>
                            </x-slot:show_academic_group>
                            <x-slot:show_subject>
                                <x-slot:show_subject_child class="filter_action"></x-slot:show_subject_child>
                            </x-slot:show_subject>
                        </x-academicFilter>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <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">
                        {{ __('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::routine_setup.partials.routine_setups_data')

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


@push('script')
    <script>
        $(document).ready(function() {
            // search filters
            var filter_data = {
                "business_id": "{{ auth()->user()->business_id }}",
                "academic_year_id": "",
                "academic_class_id": "",
                "section_id": "",
                "group_id": "",
                "subject_id": ""
            };
            $(".filter_action").on("change", function() {
                let $form = $(this).closest("form");
                console.log($form.serialize());
                // send data by ajax
                filter_data = $form.serialize();
                loadData();
            })

            $(document).on('click', '.delete_button', function() {
                var url = $(this).data('href');
                Swal.fire({
                    title: "{{ __('core.sure') }}",
                    text: "{{ __('core.confirm_delete') }}",
                    icon: 'warning',
                    buttons: true,
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete.isConfirmed) {
                        var href = url;
                        var data = $(this).serialize();
                        data = {
                            "_token": "{{ csrf_token() }}"
                        }
                        $.ajax({
                            method: 'get',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    loadData();
                                } else {
                                    swal({
                                        title: LANG.sure,
                                        text: result.msg,
                                        icon: 'warning',
                                        buttons: true,
                                        dangerMode: true,
                                    }).then((willDelete) => {
                                        if (willDelete.isConfirmed) {
                                            var href = url;
                                            var data = {
                                                delete: 'all'
                                            };

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

            // restore
            $(document).on('click', '.restore_button', function() {
                Swal.fire({
                    title: "{{ __('core.sure') }}",
                    text: "{{ __('core.confirm_restore') }}",
                    icon: 'warning',
                    buttons: true,
                    dangerMode: false,
                }).then((willRestore) => {
                    if (willRestore.isConfirmed) {
                        var href = $(this).data('href');
                        var data = $(this).serialize();
                        data = {
                            "_token": "{{ csrf_token() }}"
                        }
                        $.ajax({
                            method: 'GET',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    loadData();
                                } else {
                                    toastr.error(result.msg);
                                }
                            },
                        });
                    }
                });
            });


            $(document).on('click', '.force_delete_button', function() {
                Swal.fire({
                    title: "{{ __('core.sure') }}",
                    text: "{{ __('core.confirm_force_delete') }}",
                    icon: 'warning',
                    buttons: true,
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete.isConfirmed) {
                        var href = $(this).data('href');
                        var data = $(this).serialize();
                        data = {
                            "_token": "{{ csrf_token() }}"
                        }
                        $.ajax({
                            method: 'GET',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    loadData();
                                } else {
                                    toastr.error(result.msg);
                                }
                            },
                        });
                    }
                });
            });






            // Open edit form
            $(document).on('click', '.edit', function(e) {
                e.preventDefault();
                $.ajax({
                    method: 'GET',
                    url: $(this).attr('href'),
                    success: function(response) {
                        $("#editModal .modal-body").html(response);
                        editSubmit();
                    },
                    error: function(response) {
                        $("#editModal .modal-body").html(
                            'Something Wrong, Please Try Again Later.');
                    }
                });
            });

            // Submit edit form
            function editSubmit() {
                $('#editSubmit').on('submit', function(e) {
                    e.preventDefault();
                    $.ajax({
                        method: 'POST',
                        url: $(this).attr('action'),
                        data: $(this).serialize(),
                        success: function(response) {
                            if (response.success) {
                                $('#editModal').modal('hide');
                                loadData();
                                toastr.success(response.msg);
                            } else {
                                toastr.error(response.msg);
                            }
                        },
                        error: function(response) {
                            console.log(response);
                        }
                    });
                });
            }




            function loadData(data = filter_data) {
                if (data) {
                    $.ajax({
                        method: 'GET',
                        url: "{{ route('academic-routine-setup.index') }}",
                        data: data,
                        success: function(response) {
                            // Destroy the existing DataTable instance


                            // Replace the table body with the new data
                            $('#tab-eg10-0').html(response.homeData);
                            $('#tab-eg10-1').html(response.trashData);


                        },
                        error: function(response) {
                            console.log(response);
                        }
                    });
                }
            }


            // Initial load
            loadData();
        });
    </script>
@endpush