@extends('admin.layouts.admin')

@section('title')
    لیست محصولات
@endsection
@section('style')
    <style>
        .img-thumbnail {
            width: 150px;
            height: auto;
        }

        th {
            vertical-align: middle !important;
        }

        #overlay {
            display: none;
        }

        .sale_img {
            position: absolute;
            width: 40px;
            height: auto;
            left: 0;
            top: 0;
        }

        .text-inherit {
            color: inherit !important;
        }
    </style>
@endsection

@section('script')
    <script>
        $(document).ready(function () {
            //get localStorage
            let products = JSON.parse(localStorage.getItem("products"));
            let search_input=localStorage.getItem('search_input');
            let category=localStorage.getItem('category');
            let brand=localStorage.getItem('brand');
            let new_or_special_product = localStorage.getItem('new_or_special_product');
            if (products != null) {
                $('#SearchInput').val(search_input);
                $('#category option[value="' + category + '"]').prop('selected', true);
                $('#brand option[value="' + brand + '"]').prop('selected', true);
                $('#new_or_special_product option[value="' + new_or_special_product + '"]').prop('selected', true);
                filter();
            } else {
                $('#category option:first').prop('selected', true);
                $('#brand option:first').prop('selected', true);
                $('#new_or_special_product option:first').prop('selected', true);
            }
        });

        $('#clearFactorBtn').click(function () {
            //clear localStorage
            localStorage.removeItem('products');
            localStorage.removeItem('brand');
            localStorage.removeItem('category');
            localStorage.removeItem('search_input');
            localStorage.removeItem('new_or_special_product');
            //
            window.location.reload();
        })

        function filter() {
            let brand = $('#brand').val();
            let category = $('#category').val();
            let name = $('#SearchInput').val();
            let new_or_special_product = $('#new_or_special_product').val();
            $.ajax({
                url: "{{ route('admin.products.get') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    name: name,
                    brand: brand,
                    category: category,
                    new_or_special_product: new_or_special_product,
                },
                dataType: "json",
                type: "POST",
                beforeSend: function () {
                    $("#overlay").fadeIn();
                },
                success: function (msg) {
                    if (msg[0] == 1) {
                        console.log(msg);
                        //clear localStorage
                        localStorage.removeItem('products');
                        localStorage.removeItem('brand');
                        localStorage.removeItem('category');
                        localStorage.removeItem('search_input');
                        localStorage.removeItem('new_or_special_product');
                        //save in localStorage
                        localStorage.setItem("products", JSON.stringify(msg[1]));
                        localStorage.setItem('brand', brand);
                        localStorage.setItem('category', category);
                        localStorage.setItem('search_input', name);
                        localStorage.setItem('new_or_special_product', new_or_special_product);

                        $('#insertRow').html(msg[1]);
                        $('.paginate').hide();
                        $("#overlay").fadeOut();
                    } else {
                        console.error(msg);
                    }
                },
                fail: function (error) {
                    console.log(error);
                }
            })
        }


        function RemoveModal(product_id) {
            let modal = $('#remove_modal');
            modal.modal('show');
            $('#product_id').val(product_id);
        }

        function Remove() {
            let product_id = $('#product_id').val();
            $.ajax({
                url: "{{ route('admin.products.delete') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    product_id: product_id,
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {
                    $("#overlay").fadeIn();
                },
                success: function (msg) {
                    if (msg) {
                        if (msg[0] == 1) {
                            let message = msg[1];
                            swal({
                                title: 'باتشکر',
                                text: message,
                                icon: 'success',
                                timer: 3000,
                            })
                            let products = JSON.parse(localStorage.getItem("products"));
                            if (products !=null) {
                                filter();
                            }else {
                                setTimeout(function () {
                                    window.location.reload();
                                }, 3000)
                            }
                        }
                    }
                    $("#overlay").fadeOut();

                },
                fail: function (error) {
                    console.log(error);
                    $("#overlay").fadeOut();
                }
            })
        }

        function productChangeStatus(product_id) {
            let selector = '#status_icon_' + product_id;
            $.ajax({
                url: "{{ route('admin.product.changeStatus') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    product_id: product_id,
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {
                    $("#overlay").fadeIn();
                },
                success: function (msg) {
                    if (msg) {
                        if (msg[1] === 1) {
                            $(selector).removeClass('btn-dark');
                            $(selector).addClass('btn-success text-white');
                            $(selector).text('فعال');
                        }
                        if (msg[1] === 0) {
                            $(selector).removeClass('btn-success text-white');
                            $(selector).addClass('btn-dark');
                            $(selector).text('غیر فعال');
                        }
                    }
                    $("#overlay").fadeOut();

                },
                fail: function (error) {
                    console.log(error);
                    $("#overlay").fadeOut();
                }
            })
        }

        function specialSale(product_id) {
            let selector = '#specialSale_icon_' + product_id;
            $.ajax({
                url: "{{ route('admin.product.specialSale') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    product_id: product_id,
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {
                    $("#overlay").fadeIn();
                },
                success: function (msg) {
                    if (msg) {
                        if (msg[1] === 1) {
                            $(selector).removeClass('btn-dark');
                            $(selector).addClass('btn-success text-white');
                            $(selector).text('فعال');
                        }
                        if (msg[1] === 0) {
                            $(selector).removeClass('btn-success text-white');
                            $(selector).addClass('btn-dark');
                            $(selector).text('غیر فعال');
                        }
                    }
                    $("#overlay").fadeOut();

                },
                fail: function (error) {
                    console.log(error);
                    $("#overlay").fadeOut();
                }
            })
        }

        function Set_as_new(product_id) {
            let selector = '#Set_as_new_icon_' + product_id;
            $.ajax({
                url: "{{ route('admin.product.Set_as_new') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    product_id: product_id,
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {
                    $("#overlay").fadeIn();
                },
                success: function (msg) {
                    if (msg) {
                        if (msg[1] === 1) {
                            $(selector).removeClass('btn-dark');
                            $(selector).addClass('btn-success text-white');
                            $(selector).text('فعال');
                        }
                        if (msg[1] === 0) {
                            $(selector).removeClass('btn-success text-white');
                            $(selector).addClass('btn-dark');
                            $(selector).text('غیر فعال');
                        }
                    }
                    $("#overlay").fadeOut();

                },
                fail: function (error) {
                    console.log(error);
                    $("#overlay").fadeOut();
                }
            })
        }
        function close_cart(){
            $.ajax({
                url: "{{ route('admin.products.close_cart') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {
                    $("#overlay").fadeIn();
                },
                success: function (msg) {
                    if (msg[0] == 1){
                        let message = msg[1] ;
                        swal({
                            title: 'با تشکر',
                            text: message,
                            icon: 'success',
                            timer: 3000,
                        });
                    }else{
                        let message = msg[1] ;
                        swal({
                            title: 'خطا',
                            text: message,
                            icon: 'danger',
                            timer: 3000,
                        });
                        console.log(msg[2]);
                    }

                    $("#overlay").fadeOut();

                },
                fail: function (error) {
                    console.log(error);
                    $("#overlay").fadeOut();
                }
            })
        }
        function priority_show_update(product_id, tag) {
            let priority_show = $(tag).val();
            $.ajax({
                url: "{{ route('admin.products.priority_show_update') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    product_id: product_id,
                    priority_show: priority_show,
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {

                },
                success: function (msg) {
                    if (msg) {
                        if (msg[0] == 1) {
                            $('#success_alert').show(500);
                            setTimeout(function () {
                                $('#success_alert').hide(500);
                            }, 3000);
                        }
                    }

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

        function priority_show_active(tag) {
            let sort = $(tag).val();
            $.ajax({
                url: "{{ route('admin.setting.priority_show_active') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    sort: sort,
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {

                },
                success: function (msg) {
                    if (msg) {
                    }
                },
                fail: function (error) {
                    console.log(error);
                }
            })
        }

        function product_copy(product_id) {
            if (confirm('آیا از کپی کردن این کالا اطمینان دارید؟')){
            $.ajax({
                url: "{{ route('admin.product.copy') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    product_id: product_id,
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {

                },
                success: function (msg) {
                    if (msg[0]==1) {
                        swal({
                            title: 'تبریک',
                            text: 'کالا با موفقیت کپی شد',
                            icon: 'success',
                            timer: 3000,
                        });
                        setTimeout(function (){
                            window.location.reload();
                        },3000)
                    }
                },
                fail: function (error) {
                    console.log(error);
                }
            })
            }
        }

        function setting_modal() {
            let modal = $('#setting_modal');
            modal.modal('show');
        }
        function custom_pagination(tag){
            let per_page=$(tag).val();
            let url='{{ route('admin.products.pagination',['show_per_page'=>':per_page']) }}';
            url=url.replace(':per_page',per_page);
            window.location.href=url;
        }
    </script>
@endsection

@section('content')
    <!-- Content Row -->
    <div class="row">
        <div class="col-xl-12 col-md-12 mb-4 p-4 bg-white">
            <div class="d-flex flex-column text-center flex-md-row justify-content-md-between mb-4">
                <h5 class="font-weight-bold mb-3 mb-md-0">لیست محصولات ها ({{ $products->total() }})</h5>
            </div>
            <div class="row d-lg-flex justify-content-between align-items-end">
                <div class="col-md-8 col-12 d-flex align-items-center">
                    <div class="form-group">
                        <label> جست و جو : </label>
                        <div class="input-group input-group-md d-flex flex-row-reverse border-radius">
                            <input type="text" class="form-control form-control-sm"
                                   aria-label="Sizing example input"
                                   aria-describedby="inputGroup-sizing-lg" placeholder="جست و جو..."
                                   id="SearchInput" autocomplete="off">
                            <div class="input-group-prepend border-radius">
                    <span class="input-group-text" id="basic-addon2"><i class="fa fa-search"
                                                                        aria-hidden="true"></i></span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group mr-2">
                        <label> دسته بندی : </label>
                        <select id="category" class="form-control form-control-sm">
                            <option value="0">نمایش همه</option>
                            @foreach($categories as $cat)
                                <option style="font-size: 13pt;font-weight: bold"
                                        value="{{ $cat->id }}">{{ $cat->name }}</option>