@extends('layouts.main')

@section('content')
  
<style>
.input_a{
  border:1px solid #ccc;
  padding:4px;
  width: 100%;
  border-radius: 4px;
}
.table td, .table th{
  padding: 5px;
}
.th-content{
  font-size: 8pt;
}
   
</style>
<div class="col-lg-12 layout-spacing">
  <div class="statbox widget box box-shadow">
      <div class="widget-header">
          <div class="row">
              <div class="col-xl-12 col-md-12 col-sm-12 col-12 custom_add_button">
                  <h4>لیستی کاڵاکان</h4> 

                  <label class="checkbox_label">
                    <div class="login-one-inputs check">
                        <input class="inp-cbx cbx_view" id="cbx_view" type="checkbox" style="display: none">
                        <label class="cbx" for="cbx_view">
                            <span>
                                <svg width="12px" height="10px" viewBox="0 0 12 10">
                                    <polyline points="1.5 6 4.5 9 10.5 1"></polyline>
                                </svg>
                            </span>
                        </label>
                    </div>
                    <b>نیشاندانی بڕی گەنجینەکانی تر</b>
                </label>

              </div>
          </div>
      </div>
      <div class="widget-content widget-content-area">
          <div class="table-responsive">
 
            <table class="table">
              <thead>
                  <tr>
                      
                      <th width="50"><div class="th-content text-center">#</div></th>
                      <th width="80"><div class="th-content text-center">کۆد.ک</div></th>
                       <th><div class="th-content">ناوی کاڵا</div></th>
                      <th width="80"><div class="th-content text-center">بڕاند</div></th>
                      <th width="110"><div class="th-content text-center">نرخی کڕین</div></th>
                      <th width="110"><div class="th-content text-center">نرخی فرۆشتن</div></th>
                      <th width="110"><div class="th-content text-center">نرخی جوملە</div></th>
                      <th width="80"><div class="th-content text-center">بڕی ناو کارتۆن</div></th>
                      {{-- <th width="80" {!!App\Helper\Store::id()==1 ? '':'class="hide_this"'!!}><div class="th-content text-center">بڕی <br>{{App\Helper\Store::store_name_id(1)}}</div></th>
                      <th width="80" {!!App\Helper\Store::id()==2 ? '':'class="hide_this"'!!}><div class="th-content text-center">بڕی <br>{{App\Helper\Store::store_name_id(2)}}</div></th>
                      <th width="80" {!!App\Helper\Store::id()==3 ? '':'class="hide_this"'!!}><div class="th-content text-center">بڕی <br>{{App\Helper\Store::store_name_id(3)}}</div></th>
                      <th width="80" {!!App\Helper\Store::id()==4 ? '':'class="hide_this"'!!}><div class="th-content text-center">بڕی <br>{{App\Helper\Store::store_name_id(4)}}</div></th> --}}

                      <th width="80" ><div class="th-content text-center">بڕ</div></th>
                      <th width="80"><div class="th-content text-center">کەمترین بڕ</div></th>
                      <th width="120"><div class="th-content text-center">دابینکەر</div></th>
                      <th width="60"><div class="th-content text-center"></div></th>
                  </tr>
              </thead>

 
      <tbody>
        @forEach($products as $product)
    
          <tr class="row_{{$product->id}}">
          
              <td><b>{{$product->id}}</b></td> 
               <td><input type="text" class="input_a code_{{$product->id}}" name="code[]" value="{{$product->code}}"></td>
              <td><input type="text" class="input_a name_{{$product->id}}" name="name[]" value="{{$product->name}}"></td>
              <td><input type="text" class="input_a brand_{{$product->id}}" name="brand[]" value="{{$product->brand}}"></td>
              <td align=center><input type="number" class="input_a p_price_{{$product->id}}" name="p_price[]" value="{{$product->p_price}}"></td>
              <td align=center><input type="number" class="input_a s_price_{{$product->id}}" name="s_price[]" value="{{$product->s_price}}"></td>
              <td align=center><input type="number" class="input_a w_price_{{$product->id}}" name="w_price[]" value="{{$product->w_price}}"></td>
              <td align=center><input type="number" class="input_a pak_qty_{{$product->id}}" name="pak_qty[]" value="{{$product->pak_qty}}"></td>
              <td align=center  style="background:rgb(255, 235, 201)"><input type="number" class="input_a qty_{{$product->id}}" name="qty1[]" value="{{($product->qty)}}"></td>
              {{-- <td align=center {!!App\Helper\Store::id()==1 ? '':'class="hide_this"'!!} style="background:rgb(255, 235, 201)"><input type="number" class="input_a qty_1_{{$product->id}}" name="qty1[]" value="{{($product->qty_1)}}"></td>
              <td align=center {!!App\Helper\Store::id()==2 ? '':'class="hide_this"'!!} style="background:rgb(208, 255, 201)"><input type="number" class="input_a qty_2_{{$product->id}}" name="qty2[]" value="{{($product->qty_2)}}"></td>
              <td align=center {!!App\Helper\Store::id()==3 ? '':'class="hide_this"'!!} style="background:rgb(201, 207, 255)"><input type="number" class="input_a qty_3_{{$product->id}}" name="qty3[]" value="{{($product->qty_3)}}"></td>
              <td align=center {!!App\Helper\Store::id()==4 ? '':'class="hide_this"'!!} style="background:rgb(255, 201, 248)"><input type="number" class="input_a qty_4_{{$product->id}}" name="qty4[]" value="{{($product->qty_4)}}"></td> --}}
              <td align=center style="background:rgb(255, 76, 76)"><input type="number" class="input_a min_qty_{{$product->id}}" name="min_qty[]" value="{{($product->min_qty)}}"></td>
              <td><input type="text" class="input_a supplier_{{$product->id}}" name="supplier[]" value="{{$product->supplier}}"></td>

               <td align=center>
                <button class="btn btn-primary save" id="{{$product->id}}"><i class="las la-save" style="font-size:15pt"></i></button>
                 </td>
              
          </tr>
          @endforeach
      </tbody>
      <tfoot>
        <tr>
          <td colspan="13">
        
        </tr>
      </tfoot> 
  </table>
</div> 
 
<script>
  $(document).ready(function() {

    $("#cbx_view").click(function() {
                 if ($(this).is(":checked")) {
                     $('.hide_this').show();
                 } else {
                     $('.hide_this').hide();
                 }
             });

  
    $(document).on("click", ".save", function () {
      var id = $(this).attr('id');

      var code = $('.code_'+id).val();
      var name = $('.name_'+id).val();
      var brand = $('.brand_'+id).val();
      var min_qty = $('.min_qty_'+id).val();
      var p_price = $('.p_price_'+id).val();
      var s_price = $('.s_price_'+id).val();
      var w_price = $('.w_price_'+id).val();
      var supplier = $('.supplier_'+id).val();
      // var qty_1 = $('.qty_1_'+id).val();
      // var qty_2 = $('.qty_2_'+id).val();
      // var qty_3 = $('.qty_3_'+id).val();
      // var qty_4 = $('.qty_4_'+id).val();
      var qty = $('.qty_'+id).val();
      var pak_qty = $('.pak_qty_'+id).val();

      $.ajax({
        headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
          url: "./product/feed",
          type: "POST",
          // data: { type: 'update_product',supplier:supplier, id: id,min_qty:min_qty,code:code,name:name,brand:brand,p_price:p_price,s_price:s_price,w_price:w_price,pak_qty:pak_qty,qty_1:qty_1,qty_2:qty_2,qty_3:qty_3,qty_4:qty_4 },

          data: { type: 'update_product',supplier:supplier, id: id,min_qty:min_qty,code:code,name:name,brand:brand,p_price:p_price,s_price:s_price,w_price:w_price,pak_qty:pak_qty,qty:qty},
          async: false,
          success: function (response, textStatus, jqXHR) {
            if(response=="ok"){
              $('.row_'+id).css('background','#b3deb3');
            }else{
              $('.row_'+id).css('background','#edbaba');

            }
          },
          error: function (jqXHR, textStatus, errorThrown) {
            console.log(errorThrown);
              $('.row_'+id).css('background','#edbaba');
          }
        });

  });  
     
  
  });
</script>


@endsection