@extends('layouts.acorn.acorn_admin_app')
@section('header_styles')
@endsection
@section('top_button')
    <div class="col-12 col-md-5 d-flex align-items-start justify-content-end">
                <a href="javascript:addServiceSubCategory('home')"
            class="btn btn-outline-primary btn-icon btn-icon-start w-100 w-md-auto add-datatable">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"
                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
                class="acorn-icons acorn-icons-plus undefined">
                <path d="M10 17 10 3M3 10 17 10"></path>
            </svg>
            Add New
        </a>
            </div>
@endsection
@section('content')
    @include('admin/service_sub_category/list')
@endsection

@section('footer_scripts')
    <script type="text/javascript">
        function addServiceSubCategory() {
            document.body.classList.add('spinner');

            $.ajax({
                type: 'POST',
                url: adminURL + 'service-sub-category/add',
                dataType: "html",
                async: false,
                cache: false,
                success: function(data) {
                    loadModal(data, 'New Service Sub Category', 'add', '400', false, false);
                    document.body.classList.remove('spinner');
                },
                error: function() {
                    alert('Error occured');
                }
            });
        }

        function editServiceSubCategory(id) {
            document.body.classList.add('spinner');
            $.ajax({
                type: 'GET',
                url: adminURL + 'service-sub-category/' + id + '/edit',
                dataType: "html",
                async: false,
                cache: false,
                success: function(data) {
                    loadModal(data, 'Edit Service Sub Category', 'add', 400, false, false);
                    document.body.classList.remove('spinner');
                },
                error: function() {
                    alert('Error occured');
                }
            });
        }

        deleteServiceSubCategory

        function deleteServiceSubCategory(id) {
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to delete this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.value == true) {
                    document.body.classList.add('spinner');
                    $.ajax({
                        type: 'GET',
                        url: adminURL + 'service-sub-category/' + id + '/delete',
                        success: function(data) {
                            if (data.status != 0) {
                                if (modelId == 0) {
                                    $('#conentDiv').empty();
                                } else {
                                    $('.model-key-' + modelId + ' .modal-body').empty();
                                }

                                swal({
                                        title: data.msg,
                                        type: "success",
                                        icon: "success",
                                        position: 'center-start',
                                        showConfirmButton: false,
                                        timer: 3000
                                    })
                                    .then(() => {
                                        $('#conentDiv').empty();
                                        $.ajax({
                                            type: 'GET',
                                            url: adminURL + 'service-sub-category/list',
                                            dataType: "html",
                                            async: false,
                                            cache: false,
                                            success: function(table_data) {
                                                if (table_data) {
                                                    if (modelId == 0) {
                                                        $('#conentDiv').html(
                                                        table_data);
                                                    } else {
                                                        $('.model-key-' + modelId +
                                                            ' .modal-body').html(
                                                            table_data);
                                                    }
                                                }

                                                document.body.classList.remove(
                                                    'spinner');
                                            },
                                            error: function() {
                                                alert('Error occured');
                                            }
                                        });
                                    })
                            } else {
                                swal({
                                    title: data.msg,
                                    type: "error",
                                    icon: "error",
                                    showConfirmButton: false,
                                });

                                document.body.classList.remove('spinner');
                            }
                        },
                        error: function() {
                            alert('Error occured');
                        }
                    });
                }
            });
        }
    </script>
@endsection