@extends('admin.layout.master')
@push('css')
    <!-- all css here -->
    <link rel="stylesheet" href="{{{asset('front/assets/css/animate.css')}}}">
    <link rel="stylesheet" href="{{{asset('front/assets/css/owl.carousel.min.css')}}}">
    <link rel="stylesheet" href="{{{asset('front/assets/css/style.css')}}}">

{{--    <link href="{{ asset('css/app.css') }}" rel="stylesheet">--}}
    <style>
        .owl-carousel .owl-stage-outer{
            direction:rtl;
        }
        .category-logo .owl-item{
            width: 150px !important;
        }

        .vertical .carousel-inner {
            height: 100%;
        }

        .carousel.vertical .item {
            -webkit-transition: 0.6s ease-in-out top;
            -moz-transition: 0.6s ease-in-out top;
            -ms-transition: 0.6s ease-in-out top;
            -o-transition: 0.6s ease-in-out top;
            transition: 0.6s ease-in-out top;
        }

        .carousel.vertical .active {
            top: 0;
        }

        .carousel.vertical .next {
            top: 100%;
        }

        .carousel.vertical .prev {
            top: -100%;
        }

        .carousel.vertical .next.left,
        .carousel.vertical .prev.right {
            top: 0;
        }

        .carousel.vertical .active.left {
            top: -100%;
        }

        .carousel.vertical .active.right {
            top: 100%;
        }

        .carousel.vertical .item {
            left: 0;
        }

        .carousel-control{
            top:40% !important;
        }
        .carousel-control.right, .carousel-control.left{
            background-image: none !important
        }

        #section_data .owl-item{
            width: 600px !important;
            margin-left: 20px ;
        }


    </style>
@endpush
@section('content')
    <main id="app-main" class="app-main">

        <div class="wrap">
            <section class="app-content">
                <h3>@lang('admin.content_mangements')</h3>
            </section><!-- #dash-content -->
        </div><!-- .wrap -->

        <div class="col-md-12">
            <div class="widget">
                <header class="widget-header">
                    <h4 class="widget-title">@lang('admin.content_mangements')</h4>
                </header><!-- .widget-header -->
                <hr class="widget-separator">
                <div class="widget-body">
                    <div class="table-responsive">
                        <div id="default-datatable_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">

                            <div class="row">

                                        <div class="col-md-5" style="float:right">
                                            <div class="widget" id="append_data">
                                                <div class="alert alert-danger">
                                                    <h4 style="text-align: center;padding: 100px">مرحبا في شاشه التحكم بالتطبيق</h4>
                                                </div>
{{--                                                    @includeIf('admin.contentsections.allPage.slider.form')--}}
{{--                                                    @includeIf('admin.contentsections.allPage.category.form')--}}
{{--                                                    @includeIf('admin.contentsections.allPage.product.form')--}}

                                            </div><!-- .widget-body -->
                                            <span class="hidden" id="category_ids"></span>

                                        </div><!-- .widget -->



                                         <div class="col-md-7" style="float:left">
                                         <div class="row">
                                             <div class="col-md-6" style="float: right">
                                                 <select class="form-control" id="checked_type" style="float: right">
                                                     <option value="">اختر الصفحه المطلوبه</option>
                                                     <option value="main">الصفحه الرئيسيه</option>
                                                     <option value="category">صفحه القسم</option>
                                                 </select>
                                             </div>

                                             <div id="category_Page" style="display: none">

                                                 <div class="col-md-6" >
                                                     <select class="form-control" id="choose_category">
                                                         <option value=" ">اختر قسم معين</option>

                                                     @foreach($data['category'] as $index => $cat)

                                                         <option value="{{$cat->id}}">{{$cat->name}}</option>
                                                         @endforeach

                                                     </select>
                                                 </div>

                                             </div>
                                         </div>

                                             <div class="widget">
                                                 <div class="widget-body" style="
    overflow-y:scroll;
    position:relative;
    height: 1000px;
    display:none;
" id="main_app_main">


                                                 </div>


                                                 <div class="widget-body" style="
    overflow-y:scroll;
    position:relative;
    height: 1000px;" id="main_app">

                                                     <div id="slider_div">
                                                         @include('admin.contentsections.allPage.slider.slider')
                                                     </div>


                                                     <div id="categroy_div">
                                                         @include('admin.contentsections.allPage..category.category')
                                                     </div>
                                                     <div class="image_load_category" style="display: none">
                                                         <img src="{{asset('770.gif')}}" style="    position: relative;right: 43%;">
                                                     </div>

                                                     <div id="product_div">
                                                         @include('admin.contentsections.allPage..product.products')
                                                     </div>
                                                     <div class="image_load" style="display: none">
                                                         <img src="{{asset('770.gif')}}" style="    position: relative;right: 43%;">
                                                     </div>


                                                     <div id="brand_div">
                                                         @include('admin.contentsections.allPage.brands.brand')
                                                     </div>

                                                     <div id="banner_div">
                                                         @include('admin.contentsections.allPage.banner.banner')
                                                     </div>
                                                     <div class="image_load_slider" style="display: none">
                                                         <img src="{{asset('770.gif')}}" style="    position: relative;right: 43%;">
                                                     </div>

{{--                                                     // sub cats--}}
                                                      <div id="cate_div">
                                                             @include('admin.contentsections.allPage.subCat.index')
                                                      </div>

                                                     <div id="brand_div_company">
                                                         @include('admin.contentsections.allPage.brands.down')
                                                     </div>

                                                     <div id="cate_div_second">
                                                         @include('admin.contentsections.allPage.second_sub_cat.index')
                                                     </div>


                                                 </div>
                                             </div><!-- .widget-body -->




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




    {{--@dd($categories)--}}
@endsection
@push('js')
    <script src="{{asset('front/assets/js/owl.carousel.min.js')}}"></script>
    <script src="{{asset('front/assets/js/owl.carousel.min.js')}}"></script>
<script>
    $('.back').owlCarousel({

        autoplay: true,
        rtl: true,
        loop: false,
        nav: true,
        dots: false,
        transitionStyle: true,
        autoplayTimeout: 6000,
        smartSpeed: 1000,
        navText: false,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 1
            },
            1000: {
                items: 1
            }
        }
    });
    $('.product-logo-00').owlCarousel({

        autoplay: true,
        rtl: true,
        loop: false,
        nav: true,
        dots: false,
        margin:5,
        transitionStyle: true,
        autoplayTimeout: 6000,
        smartSpeed: 1000,
        navText: false,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 1
            },
            1000: {
                items: 5
            }
        }
    });
    $('.product-logo-0').owlCarousel({

        autoplay: false,
        rtl: true,
        loop: false,
        nav: true,
        dots: false,
        margin:5,
        transitionStyle: true,
        // autoplayTimeout: 6000,
        smartSpeed: 1000,
        navText: false,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 1
            },
            1000: {
                items: 2
            }
        }
    });
    $('.product-logo-1').owlCarousel({

        autoplay: true,
        rtl: true,
        loop: false,
        nav: true,
        dots: false,
        margin:5,
        transitionStyle: true,
        autoplayTimeout: 6000,
        smartSpeed: 1000,
        navText: false,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 1
            },
            1000: {
                items: 3
            }
        }
    });
    $('.product-logo-2').owlCarousel({

        autoplay: true,
        rtl: true,
        loop: false,
        nav: true,
        dots: false,
        margin:5,
        transitionStyle: true,
        autoplayTimeout: 6000,
        smartSpeed: 1000,
        navText: false,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 1
            },
            1000: {
                items: 3
            }
        }
    });
        // main page
    $(function (){
        $('.carousel').carousel({
            autoplay: true,
            rtl: true,
            loop: true,
            nav: true,
            dots: false,
            margin:5,
            transitionStyle: true,
            autoplayTimeout: 6000,
            smartSpeed: 1000,
            navText: false,
            responsive: {
                0: {
                    items: 1
                },
                600: {
                    items: 1
                },
                1000: {
                    items: 5
                }
            }
        })

        $('body').on('change','#catId',function (e) {
            e.preventDefault();
            var val = $(this).val();
            if (val == ' '){
                $('#check_brand').hide();
            }else{
                $('#check_brand').show();
            }
        });


        $('body').on('click','.image_slide',function (e){
            e.preventDefault();
            // $('#addform_cats').hide();
            // $('#addform_slider').toggle();

            let id = $(this).data('id');
            $.ajax({
                url: "{{route('get-admin-slider')}}",
                method: "get",
                data: {
                    id:id,
                },
                success: function (response) {
                         $('#append_data').empty();

                    $('#append_data').html(response);
                    $('#addform_slider').show();

                    // window.location.reload();
                }
            });

        });
        $('body').on('click','#add_slider',function (e){
            e.preventDefault();
            $.ajax({
                url: "{{route('get-admin-slider')}}",
                method: "get",
                data: {
                    slug:'get',
                },
                success: function (response) {
                    $('#append_data').empty();

                    $('#append_data').html(response);
                    $('#addform_slider').show();

                    // window.location.reload();
                }
            });



        });
        $('body').on('submit','#addform_slider',function (e) {
            e.preventDefault();

            {{--var id = "{{$slider_data->id}}";--}}
            {{--var url = '{{ route("sliders.update", ":id") }}';--}}
            {{--url = url.replace(':id', id);--}}
            var url = $(this).attr('action');
            $.ajax({
                url: url,
                method: "post",
                data: new FormData(this),
                dataType: 'json',
                cache       : false,
                contentType : false,
                // async:false,
                processData : false,
                beforeSend: function() {
                    // setting a timeout
                    $('.image_load_slider').show();
                    // $('.image_load').hide();

                },
                success: function (response) {
                    if (response.status == 'success'){
                        new Noty({
                            type: 'success',
                            layout: 'topRight',
                            text:  "@lang('admin.successfuly_edited')",
                            timeout: 2000,
                            killer: true
                        }).show();

                        // alert(isNaN(parseInt($('#category_ids').html())));
                        if (isNaN(parseInt($('#category_ids').html())) == true){

                            $( "#slider_div" ).load( "{{route('get-only-slider')}}", function( response, status, xhr ) {
                                $( "#slider_div" ).empty();
                                $('.image_load_slider').hide();

                                $( "#slider_div" ).html(xhr.responseText);
                                $('.back').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 1
                                        }
                                    }
                                });
                            });

                            $( "#banner_div" ).load( "{{route('get-admin-banner')}}", function( response, status, xhr ) {
                                $( "#banner_div" ).empty();
                                $('.image_load_slider').hide();

                                $( "#banner_div" ).html(xhr.responseText);
                                $('.back').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 1
                                        }
                                    }
                                });
                            });


                            $( "#cate_div" ).load( "{{route('get-admin-subCat1')}}", function( response, status, xhr ) {
                                $( "#cate_div" ).empty();
                                $('.image_load_slider').hide();

                                $( "#cate_div" ).html(xhr.responseText);
                                $('.back').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 1
                                        }
                                    }
                                });
                                $('.product-logo-2').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-1').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-0').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 2
                                        }
                                    }
                                });


                            });
                            $( "#cate_div_second" ).load( "{{route('get-admin-subCat2')}}", function( response, status, xhr ) {
                                $( "#cate_div_second" ).empty();
                                $('.image_load_slider').hide();

                                $( "#cate_div_second" ).html(xhr.responseText);
                                $('.back').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 1
                                        }
                                    }
                                });
                                $('.product-logo-2').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-1').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-0').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 2
                                        }
                                    }
                                });
                                $('.product-logo-00').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 5
                                        }
                                    }
                                });


                            });


                        }else{
                            let idNumebr = parseInt($('#category_ids').html());

                            $.ajax({
                                url: "{{route('get-admin-page')}}",
                                method: "get",
                                data: {val:idNumebr},
                                dataType: 'html',

                                beforeSend: function() {
                                    // setting a timeout
                                    $('.image_load_slider').show();
                                    // $('.image_load').hide();

                                },
                                success: function (response) {
                                    $('#main_app_main').empty();
                                    $( "#main_app_main" ).html(response);


                                    $('.back').owlCarousel({

                                        autoplay: true,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        transitionStyle: true,
                                        autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 1
                                            }
                                        }
                                    });
                                    $('.product-logo-2').owlCarousel({

                                        autoplay: true,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        margin:5,
                                        transitionStyle: true,
                                        autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 3
                                            }
                                        }
                                    });
                                    $('.product-logo-0').owlCarousel({

                                        autoplay: false,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        margin:5,
                                        transitionStyle: true,
                                        // autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 2
                                            }
                                        }
                                    });
                                }
                            });



                        }


                    }
                    // table.ajax.reload();
                    // window.location.reload();
                }
            });
        });

        $('body').on('change','.showdata',function (e) {
            e.preventDefault();

            var val = $(this).val();

            if (val == 'banner'){
                $('.orderBy').show();
            }else{
                $('.orderBy').hide();

            }
        });
        $('body').on('click','.category-item-img',function (e){
            e.preventDefault();
            let id = $(this).data('id');
            $.ajax({
                url: "{{route('get-admin-category')}}",
                method: "get",
                data: {
                    id:id,
                },
                success: function (response) {
                    $('#append_data').empty();

                    $('#append_data').html(response);
                    $('#addform_slider').hide();
                    $('#addform_cats').show();

                    // window.location.reload();
                }
            });


        });


        $('body').on('click','#add_category',function (e){
            e.preventDefault();
            $.ajax({
                url: "{{route('get-admin-category')}}",
                method: "get",
                data: {
                    slug:'get',
                },
                success: function (response) {
                    $('#append_data').empty();

                    $('#append_data').html(response);
                    $('#addform_cats').show();

                    // window.location.reload();
                }
            });



        });
        $('body').on('submit','#addform_cats',function (e) {
            e.preventDefault();
            {{--var id = "{{$slider_data->id}}";--}}
            {{--var url = '{{ route("sliders.update", ":id") }}';--}}
            {{--url = url.replace(':id', id);--}}
            var url = $(this).attr('action');
            $.ajax({
                url: url,
                method: "post",
                data: new FormData(this),
                dataType: 'json',
                cache       : false,
                contentType : false,
                // async:false,
                processData : false,
                beforeSend: function() {
                    // setting a timeout
                    $('.image_load_category').show();
                    // $('.image_load').hide();

                },

                success: function (response) {
                    if (response.status == 'success'){
                        new Noty({
                            type: 'success',
                            layout: 'topRight',
                            text:  "@lang('admin.successfuly_edited')",
                            timeout: 2000,
                            killer: true
                        }).show();
                        if (isNaN(parseInt($('#category_ids').html())) == true) {
                            $( "#categroy_div" ).load( "{{route('get-only-category')}}", function( response, status, xhr ) {

                                $( "#categroy_div" ).empty();
                                $('.image_load_category').hide();
                                $( "#categroy_div" ).html(xhr.responseText);
                                $('.product-logo-00').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 5
                                        }
                                    }
                                });

                            });

                            $( "#cate_div" ).load( "{{route('get-admin-subCat1')}}", function( response, status, xhr ) {
                                $( "#cate_div" ).empty();
                                $('.image_load_slider').hide();

                                $( "#cate_div" ).html(xhr.responseText);
                                $('.back').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 1
                                        }
                                    }
                                });
                                $('.product-logo-2').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-1').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-0').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 2
                                        }
                                    }
                                });

                            });
                            $( "#cate_div_second" ).load( "{{route('get-admin-subCat2')}}", function( response, status, xhr ) {
                                $( "#cate_div_second" ).empty();
                                $('.image_load_slider').hide();

                                $( "#cate_div_second" ).html(xhr.responseText);
                                $('.back').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 1
                                        }
                                    }
                                });
                                $('.product-logo-2').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-1').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-0').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 2
                                        }
                                    }
                                });
                                $('.product-logo-00').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 5
                                        }
                                    }
                                });


                            });

                        }else{
                            let idNumebr = parseInt($('#category_ids').html());

                            $.ajax({
                                url: "{{route('get-admin-page')}}",
                                method: "get",
                                data: {val:idNumebr},
                                dataType: 'html',

                                beforeSend: function() {
                                    // setting a timeout
                                    $('.image_load_slider').show();
                                    // $('.image_load').hide();

                                },
                                success: function (response) {
                                    $('#main_app_main').empty();
                                    $( "#main_app_main" ).html(response);


                                    $('.back').owlCarousel({

                                        autoplay: true,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        transitionStyle: true,
                                        autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 1
                                            }
                                        }
                                    });
                                    $('.product-logo-2').owlCarousel({

                                        autoplay: true,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        margin:5,
                                        transitionStyle: true,
                                        autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 3
                                            }
                                        }
                                    });
                                    $('.product-logo-0').owlCarousel({

                                        autoplay: false,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        margin:5,
                                        transitionStyle: true,
                                        // autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 2
                                            }
                                        }
                                    });
                                }
                            });


                        }

                    }
                    // table.ajax.reload();
                    // window.location.reload();
                }
            });
        });


        $('body').on('click','.product_data',function (e){
            e.preventDefault();
            let id = $(this).data('id');
            $.ajax({
                url: "{{route('get-admin-product')}}",
                method: "get",
                data: {
                    id:id
                },
                success: function (response) {
                    $('#append_data').empty();

                    $('#append_data').html(response);
                    $('#addform_products').show();
                    $('.select2').select2({
                        width: "100%"
                    });

                    // window.location.reload();
                }
            });



        });
        $('body').on('submit','#addform_products',function (e) {
            e.preventDefault();

            {{--var id = "{{$slider_data->id}}";--}}
            {{--var url = '{{ route("sliders.update", ":id") }}';--}}
            {{--url = url.replace(':id', id);--}}
            var url = $(this).attr('action');
            $.ajax({
                url: url,
                method: "post",
                data: new FormData(this),
                dataType: 'json',
                cache       : false,
                contentType : false,
                // async:false,

                processData : false,
                beforeSend: function() {
                    // setting a timeout
                    $('.image_load').show();
                        // $('.image_load').hide();

                },

                success: function (response) {
                    if (response.status == 'success'){
                        new Noty({
                            type: 'success',
                            layout: 'topRight',
                            text:  "@lang('admin.successfuly_edited')",
                            timeout: 2000,
                            killer: true
                        }).show();
                        if (isNaN(parseInt($('#category_ids').html())) == true) {

                            $( "#product_div" ).load( "{{route('get-only-product')}}", function( response, status, xhr ) {
                                $( "#product_div" ).empty();
                                $( "#product_div" ).html(xhr.responseText);
                                $('.image_load').hide();

                                $('.product-logo-0').owlCarousel({

                                    autoplay: false,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    // autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 2
                                        }
                                    }
                                });
                                $('.product-logo-1').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-2').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });



                            });
                            $( "#cate_div" ).load( "{{route('get-admin-subCat1')}}", function( response, status, xhr ) {
                                $( "#cate_div" ).empty();
                                $('.image_load_slider').hide();

                                $( "#cate_div" ).html(xhr.responseText);

                                $('.back').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 1
                                        }
                                    }
                                });
                                $('.product-logo-0').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 2
                                        }
                                    }
                                });
                                $('.product-logo-1').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-2').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });


                            });
                            $( "#cate_div_second" ).load( "{{route('get-admin-subCat2')}}", function( response, status, xhr ) {
                                $( "#cate_div_second" ).empty();
                                $('.image_load_slider').hide();

                                $( "#cate_div_second" ).html(xhr.responseText);
                                $('.back').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 1
                                        }
                                    }
                                });
                                $('.product-logo-2').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-1').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 3
                                        }
                                    }
                                });
                                $('.product-logo-0').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 2
                                        }
                                    }
                                });
                                $('.product-logo-00').owlCarousel({

                                    autoplay: true,
                                    rtl: true,
                                    loop: false,
                                    nav: true,
                                    dots: false,
                                    margin:5,
                                    transitionStyle: true,
                                    autoplayTimeout: 6000,
                                    smartSpeed: 1000,
                                    navText: false,
                                    responsive: {
                                        0: {
                                            items: 1
                                        },
                                        600: {
                                            items: 1
                                        },
                                        1000: {
                                            items: 5
                                        }
                                    }
                                });


                            });

                        }else{
                            let idNumebr = parseInt($('#category_ids').html());
                            // alert(idNumebr)
                            $.ajax({
                                url: "{{route('get-admin-page')}}",
                                method: "get",
                                data: {val:idNumebr},
                                dataType: 'html',

                                beforeSend: function() {
                                    // setting a timeout
                                    $('.image_load_slider').show();
                                    // $('.image_load').hide();

                                },
                                success: function (response) {
                                    $('#main_app_main').empty();
                                    $( "#main_app_main" ).html(response);


                                    $('.back').owlCarousel({

                                        autoplay: true,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        transitionStyle: true,
                                        autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 1
                                            }
                                        }
                                    });
                                    $('.product-logo-2').owlCarousel({

                                        autoplay: true,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        margin:5,
                                        transitionStyle: true,
                                        autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 3
                                            }
                                        }
                                    });
                                    $('.product-logo-0').owlCarousel({

                                        autoplay: false,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        margin:5,
                                        transitionStyle: true,
                                        // autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 2
                                            }
                                        }
                                    });
                                }
                            });


                        }

                    }
                    // table.ajax.reload();
                    // window.location.reload();
                } , complete: function() {
                    // $('.image_load').hide();
                },
            });
        });


        // brand
        $('body').on('click','.brand_img',function (e){
            e.preventDefault();
            let id = $(this).data('id');
            $.ajax({
                url: "{{route('get-admin-brand')}}",
                method: "get",
                data: {
                    id:id
                },
                success: function (response) {
                    $('#append_data').empty();

                    $('#append_data').html(response);
                    $('#addform_brands').show();
                    $('.select2').select2({
                        width: "100%"
                    });

                    // window.location.reload();
                }
            });



        });
        $('body').on('submit','#addform_brands',function (e) {
            e.preventDefault();

            {{--var id = "{{$slider_data->id}}";--}}
            {{--var url = '{{ route("sliders.update", ":id") }}';--}}
            {{--url = url.replace(':id', id);--}}
            var url = $(this).attr('action');
            $.ajax({
                url: url,
                method: "post",
                data: new FormData(this),
                dataType: 'json',
                cache       : false,
                contentType : false,
                // async:false,

                processData : false,
                beforeSend: function() {
                    // setting a timeout
                    $('.image_load').show();
                    // $('.image_load').hide();

                },

                success: function (response) {
                    if (response.status == 'success'){
                        new Noty({
                            type: 'success',
                            layout: 'topRight',
                            text:  "@lang('admin.successfuly_edited')",
                            timeout: 2000,
                            killer: true
                        }).show();
                        if (isNaN(parseInt($('#category_ids').html())) == true) {
                            $( "#brand_div" ).load( "{{route('get-only-brand')}}", function( response, status, xhr ) {
                                $( "#brand_div" ).empty();
                                $( "#brand_div" ).html(xhr.responseText);
                                $('.image_load').hide();
                            });

                            $( "#brand_div_company" ).load( "{{route('get-only-company')}}", function( response, status, xhr ) {
                                $( "#brand_div_company" ).empty();
                                $( "#brand_div_company" ).html(xhr.responseText);
                                $('.image_load').hide();
                            });

                        }else{
                            let idNumebr = parseInt($('#category_ids').html());
                            $.ajax({
                                url: "{{route('get-admin-page')}}",
                                method: "get",
                                data: {val:idNumebr},
                                dataType: 'html',

                                beforeSend: function() {
                                    // setting a timeout
                                    $('.image_load_slider').show();
                                    // $('.image_load').hide();

                                },
                                success: function (response) {
                                    $('#main_app_main').empty();
                                    $( "#main_app_main" ).html(response);


                                    $('.back').owlCarousel({

                                        autoplay: true,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        transitionStyle: true,
                                        autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 1
                                            }
                                        }
                                    });
                                    $('.product-logo-2').owlCarousel({

                                        autoplay: true,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        margin:5,
                                        transitionStyle: true,
                                        autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 3
                                            }
                                        }
                                    });
                                    $('.product-logo-0').owlCarousel({

                                        autoplay: false,
                                        rtl: true,
                                        loop: false,
                                        nav: true,
                                        dots: false,
                                        margin:5,
                                        transitionStyle: true,
                                        // autoplayTimeout: 6000,
                                        smartSpeed: 1000,
                                        navText: false,
                                        responsive: {
                                            0: {
                                                items: 1
                                            },
                                            600: {
                                                items: 1
                                            },
                                            1000: {
                                                items: 2
                                            }
                                        }
                                    });
                                }
                            });

                        }


                    }
                    // table.ajax.reload();
                    // window.location.reload();
                } , complete: function() {
                    // $('.image_load').hide();
                },
            });
        });

    });

        // category
    $(function (){
            $('body').on('change','#checked_type',function (e){
                e.preventDefault();
                    let val = $(this).val();
                    if(val == 'category'){
                        $('#category_Page').show();
                    }else{
                        $('#append_data').empty();
                        $('#main_app_main').empty();
                        $('#main_app_main').hide();
                        $('#category_Page').hide();

                        $('#category_ids').html('');
                        $('#main_app').show();

                    }



            })
            $('body').on('change','#choose_category',function (e){
                e.preventDefault();
                    let val = $(this).val();
                            $('#category_ids').html(val);
                $.ajax({
                    url: "{{route('get-admin-page')}}",
                    method: "get",
                    data: {
                        val:val,
                    },
                    success: function (response) {
                        $('#main_app').hide();
                        $('#main_app_main').show();
                        $('#main_app_main').empty();
                        $('#main_app_main').html(response);
                        $('.back').owlCarousel({

                            autoplay: true,
                            rtl: true,
                            loop: false,
                            nav: true,
                            dots: false,
                            transitionStyle: true,
                            autoplayTimeout: 6000,
                            smartSpeed: 1000,
                            navText: false,
                            responsive: {
                                0: {
                                    items: 1
                                },
                                600: {
                                    items: 1
                                },
                                1000: {
                                    items: 1
                                }
                            }
                        });
                        $('.product-logo-2').owlCarousel({

                            autoplay: true,
                            rtl: true,
                            loop: false,
                            nav: true,
                            dots: false,
                            margin:5,
                            transitionStyle: true,
                            autoplayTimeout: 6000,
                            smartSpeed: 1000,
                            navText: false,
                            responsive: {
                                0: {
                                    items: 1
                                },
                                600: {
                                    items: 1
                                },
                                1000: {
                                    items: 3
                                }
                            }
                        });
                        $('.product-logo-0').owlCarousel({

                            autoplay: false,
                            rtl: true,
                            loop: false,
                            nav: true,
                            dots: false,
                            margin:5,
                            transitionStyle: true,
                            // autoplayTimeout: 6000,
                            smartSpeed: 1000,
                            navText: false,
                            responsive: {
                                0: {
                                    items: 1
                                },
                                600: {
                                    items: 1
                                },
                                1000: {
                                    items: 2
                                }
                            }
                        });

                    }
                });


            })

    });
</script>
@endpush