@extends('admin.layout.master')

@section('content')
    <!-- Content Header (Page header) -->
    <link rel="stylesheet" href="/css/adminstyle.css">

    <!-- Main content -->
    <section class="content">
       
            <div class="box box-info"> 
            @include('admin.partials.form-errors')
                @if(Session::has('error'))
                    <div class="alert alert-danger">
                        <div>{{session('error')}}</div>
                    </div>
                @endif
                @if(Session::has('success'))
                    <div class="alert alert-success">
                        <div>{{session('success')}}</div>
                    </div>
                @endif
                 <div class="alert-addtobasket bg-success text-white">
            <span class="alert-addtobasket-text"></span>
        </div>
                <div class="box-header with-border">
                <h3 class="box-title pull-right">ثبت فاکتور</h3>
                <div class="text-left">
                    <a href="/adminsaatlux090/factors/basket" class="btn btn-app basket-icon">
                        <i class="fa fa-shopping-basket"></i> سبد خرید
                        <p class="basket-count">{{Cart::count()}}</p>
                    </a>
                </div>
            </div>

                    
                    <div class="box-body factors">
                             <p>
                              <button type="button" data-cat-id="11" class="change_cat btn btn-default btn-sm">دستبند مردانه</button>
                              <button type="button" data-cat-id="14" class="change_cat btn btn-default btn-sm">گردنبند مردانه</button>
                              <button type="button" data-cat-id="17" class="change_cat btn btn-default btn-sm">انگشتر مردانه</button>
                              <button type="button" data-cat-id="32" class="change_cat btn btn-default btn-sm">دستبند نقره مردانه</button>
                              <button type="button" data-cat-id="31" class="change_cat btn btn-default btn-sm">گردنبند نقره مردانه</button>
                              <button type="button" data-cat-id="30" class="change_cat btn btn-default btn-sm">کیف پول مردانه</button>
                              <button type="button" data-cat-id="29" class="change_cat btn btn-default btn-sm">کمربند مردانه</button>
                              <button type="button" data-cat-id="25" class="change_cat btn btn-default btn-sm">محصولات زنانه</button>
                              <button type="button" data-cat-id="35" class="change_cat btn btn-default btn-sm">انگشتر زنانه</button>
                              <button type="button" data-cat-id="23" class="change_cat btn btn-default btn-sm">ساعت</button>
                              <button type="button" data-cat-id="22" class="change_cat btn btn-default btn-sm">لباس</button>
                            </p>  
                            
                            <input type="text" id="search" placeholder="جستجو">
                            
                            <div class="container">
                    <div id="showProductsFactor">
                            @include('admin.factor.products')
                    </div>
                    </div>
                    
                    
                    

            </div>
     </section>
    <!-- /.content -->
    
    <script>
    //CHANGE CATEGORY
    var cat
    
    $('.change_cat').click(function() {
        
            $(".change_cat").removeClass('active_factor_cat');
            $(this).addClass('active_factor_cat');
            cat = $(this).data('cat-id');
            filter_data();
    });
    
    function filter_data(page)
    {
            $.ajax({
            type: "GET",
            url: "/adminsaatlux090/factors/getproducts?page="+page,
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: { 
                cat: cat,
                textsearch: textsearch
            },
            success: function (data) {
                $("#showProductsFactor").empty();
                $("#showProductsFactor").append(data.html);
                
            },
        });
    }
    
    
    function delay(callback, ms) {
          var timer = 0;
          return function() {
            var context = this, args = arguments;
            clearTimeout(timer);
            timer = setTimeout(function () {
              callback.apply(context, args);
            }, ms || 0);
          };
        }
        
        var textsearch
        $('#search').keyup(delay(function (e) {
           textsearch = $(this).val();
           filter_data(textsearch);
        }, 700));
        
    
      $(document).on('click', '.pagination a', function(event){
        event.preventDefault();
        var page = $(this).attr('href').split('page=')[1];
        var link = "https://www.jenikashop.com/adminsaatlux090/factors?page="+page;
        filter_data(page);
        $('html, body').animate({ scrollTop: 0 }, 'normal');
        window.history.pushState("", "", link);
        });
        
        function addTobasket(id){

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $.ajax({
            type: 'POST',
            url: '/adminsaatlux090/factors/addtobasket',
            data: {
                "id": id
            },
            success: function (response) {
                console.log(response);
                if (response.success == 1) {
                    $(".alert-addtobasket").fadeIn().delay(1000).fadeOut();
                    $(".alert-addtobasket-text").text("کد  "+response.sku+" با موفقیت اضافه شد.");
                    $(".basket-count").text(response.count);
                    $(".addbtn-"+response.product).hide();
                    $(".removebtn-"+response.product).show();
                }
            }
        });

    }
    
        function RemoveFromBasket(id){

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $.ajax({
            type: 'POST',
            url: '/adminsaatlux090/factors/removefrombasket',
            data: {
                "id": id
            },
            success: function (response) {
                console.log(response);
                if (response.success == 1) {
                    $(".alert-addtobasket").fadeIn().delay(1000).fadeOut();
                    $(".alert-addtobasket-text").text("کد  "+response.sku+" با موفقیت حذف شد.");
                    $(".basket-count").text(response.count);
                    $(".removebtn-"+response.product).hide();
                    $(".addbtn-"+response.product).show();
                }
            }
        });

    }
    </script>
@endsection