@extends('admin.layout.master')

@section('content')

    <section class="content">
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title pull-right">محصولات</h3>
                <div class="text-left">
                    <a class="btn btn-app" href="{{route('products.create')}}">
                        <i class="fa fa-plus"></i> جدید
                    </a>
                </div>
                    <style>
                        .alert-addtobasket {
                        position: fixed;
                        display: none;
                        width: 400px;
                        height: 60px;
                        margin-top: 10px;
                        padding: 20px 30px 20px 0; }
                    </style>
                        <div class="alert-addtobasket bg-success text-white">
                            <span class="alert-addtobasket-text"></span>
                        </div>
                
                     <div class="form-group">
                            <label for="search">جستجو</label>
                            <input type="text" class="form-control" id="search">
                      </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                
                @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="table-responsive">
                    <h6 class="pull-left">Total Data : <span id="total_records"></span></h6>
                    <table class="table no-margin text-center">
                        <thead>
                        <tr>
                            <th class="text-center">شناسه</th>
                            <th class="text-center">عنوان</th>
                            <th class="text-center">عملیات</th>
                            <th class="text-center">تعداد موجودی</th>
                            <th class="text-center">موجودی</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>

                    

                </div>
                <!-- /.table-responsive -->
            </div>
        </div>
    </section>
    
    <script>
    

    
$(document).ready(function(){
    

    
        $(".test").click(function(){
        
        alert('amat');
        
    });
    
    $(".table").on("click",".deleterecord", function(){
       
       
    var id = $(this).data("id");
    var token = $("meta[name='csrf-token']").attr("content");
   
    $.ajax(
    {
        url: "/adminsaatlux090/products/"+id,
        type: 'DELETE',
        data: {
            "id": id,
            "_token": token,
        },
        success: function (){
            console.log("it Works");
                 var query = $("#search").val();
                    fetch_product_data(query)
        },error: function (){
            console.log("not work");
        }
    });
   
});

    $(".table").on("click",".saveprice", function(){
    
    
    var id = $(this).data("id");
    var token = $("meta[name='csrf-token']").attr("content");
    var inventory = $("#inventory"+id).val();
   
    $.ajax(
    {
        url: "/adminsaatlux090/products/changeinventory/"+id,
        type: 'PATCH',
        data: {
            "id": id,
            "_token": token,
            "inventory": inventory,
        },
        success: function (){
            console.log("work !");
             $(".alert-addtobasket").fadeIn().delay(1000).fadeOut();
            $(".alert-addtobasket-text").text("با موفقیت تغییر کرد");
        },error: function (){
            $(".alert-addtobasket").fadeIn().delay(1000).fadeOut();
            $(".alert-addtobasket-text").text("خطاااااا!!، تکست بده بهرام");
        }
    });
   
});

(function ($) {
    $.fn.replaceClass = function (pFromClass, pToClass) {
        return this.removeClass(pFromClass).addClass(pToClass);
    };
}(jQuery));

 $(".table").on("click",".changeorder", function(){
     
        var id = $(this).data("id");
        var token = $("meta[name='csrf-token']").attr("content");
        var order = $("#order_show"+id).data("order");
        
         if(order == 1)
         {
             var oldclass = "btn-dark";
             var newclass = "btn-secondary";
             var text = "بدون ترتیب";
         }else{
             var oldclass = "btn-secondary";
             var newclass = "btn-dark";
             var text = "صفخه یک";
         }
         
         $.ajax(
    {
        url: "/adminsaatlux090/products/changeorder/"+id,
        type: 'PATCH',
        data: {
            "id": id,
            "_token": token,
        },
        success: function (response){
            console.log(response.order);
             $("#order_show"+id).replaceClass(oldclass, newclass);
             $("#order_show"+id).data("order", response.order);
             $("#order_show"+id).text(text);

        },error: function (){
            console.log("not work");
        }
    });
 });

 $(".table").on("click",".changestatus", function(){
     
        var id = $(this).data("id");
        var token = $("meta[name='csrf-token']").attr("content");
        var status = $("#status"+id).data("status");
        
        if(status == 1)
         {
             var oldclass = "btn-primary";
             var newclass = "btn-danger";
             var text = "ناموجود";
         }else{
             var oldclass = "btn-danger";
             var newclass = "btn-primary";
             var text = "موجود";
         }
         
         $.ajax(
    {
        url: "/adminsaatlux090/products/changestatus/"+id,
        type: 'PATCH',
        data: {
            "id": id,
            "_token": token,
        },
        success: function (response){
            console.log(response.status);
             $("#status"+id).replaceClass(oldclass, newclass);
             $("#status"+id).data("status", response.status);
             $("#status"+id).text(text);


        },error: function (){
            console.log("not work");
        }
    });
 });

 fetch_product_data();

 function fetch_product_data(query = '')
 {
  $.ajax({
   url:"{{ route('livepr.action') }}",
   method:'GET',
   data:{query:query},
   dataType:'json',
   success:function(data)
   {
    $('tbody').html(data.table_data);
    $('#total_records').text(data.total_data);
   }
  })
 }
 
 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);
  };
}

$('#search').keyup(delay(function (e) {
   var query = $(this).val();
  fetch_product_data(query);
}, 700));
});



</script>

@endsection