@extends('layouts.main')
 
@section('content')
<script src="assets/js/libs/jquery-3.1.1.min.js"></script>
<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> 
                 
                  
                    <div class="search_box"> 
                        <form action="" method="GET"> 
                            {{-- <label> <input type="text" class="input_search" style="width:200px" name="q" placeholder="چیت بۆ بدۆزمەوە؟ بنووسە..."
                                    value=""></label> --}}


                                    <label>لە <input type="date" name="start" class="date_1"
                                      value="{{ @$start }}"></label>
                              <label>بۆ <input type="date" name="end" class="date_1"
                                      value="{{ @$end }}"></label> 

                              {{-- <label > <input type="checkbox" name="all" 
                                  value="true"{{ @$_GET['all']=="true"?'checked':'' }} > هەمووی</label> --}}
                              <button type="submit" class="button_1">بڕۆ</button> 
                          </form>
                         
                    </div>
                    <label class="checkbox_label" style="float:left;margin-left:30px">
                      <div class="login-one-inputs check">
                          <input class="inp-cbx cbx_view" id="cbx_view" value="1" type="checkbox" style="display: none" {{session('set_qty_view')==1?'checked':'' }}>
                          <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="30">
                            <div class="th-content">
                                <div class="login-one-inputs check">
                                    <input class="inp-cbx cbx_all" id="cbx_all" type="checkbox" style="display: none">
                                    <label class="cbx" for="cbx_all">
                                        <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>
                            </div>
                        </th>
                        <th width="50"><div class="th-content text-center">#</div></th>
                        <th width="100"><div class="th-content text-center">کۆد</div></th>
                        {{-- <th width="100"><div class="th-content text-center">وێنە</div></th> --}}
                        <th><div class="th-content">ناوی کاڵا</div></th>
                        <th width="100"><div class="th-content text-center">براند</div></th>
                        <th width="80"><div class="th-content text-center">دابینکەر</div></th>

                        <th width="170"><div class="th-content text-center">نرخی فرۆشتن</div></th>
                        @if(session('set_qty_view')==1)
                        <th width="120"><div class="th-content text-center">بڕی {{@App\Helper\Store::store_name_id(1) }}</div></th>
                        <th width="120"><div class="th-content text-center">بڕی {{@App\Helper\Store::store_name_id(2) }}</div></th>
                        <th width="120"><div class="th-content text-center">بڕی {{@App\Helper\Store::store_name_id(3) }}</div></th>
                        <th width="110"><div class="th-content text-center">بڕی {{@App\Helper\Store::store_name_id(4) }}</div></th> 
                        @else
                        <th  ><div class="th-content text-center">بڕ</div></th>
                        @endif
                        <th  ><div class="th-content text-center">کات</div></th>

                        {{-- <th width="130"><div class="th-content text-center">دابینەکەر</div></th> --}}
                        <th width="100"><div class="th-content text-center">کارەکان</div></th>
                    </tr>
                </thead>
                <form action="./product/multiple" method="post" enctype="multipart/form-data">
                    @csrf
            
                <tbody>
                    @foreach($products as $product)
                    <tr {{$product->stop?'class=row_red':''}}>
                        <td>
                            <div class="login-one-inputs ">
                                <input class="inp-cbx check_item" value="{{$product->id}}" name="ids[]" id="cbx_{{$product->id}}" type="checkbox" style="display: none">
                                <label class="cbx" for="cbx_{{$product->id}}">
                                    <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>
                        </td>
                      


                        <td>{{$product->id}}</td>   
                        <td style="background:#dae9ff;font-size:12pt;font-weight:bold;" align=center>{{$product->code}}</td>
                            {{-- <td>@if($product->image != "") <img class="list_image" src="{{str_replace('images/','small/',$product->image)}}"> @endif</td> --}}

                            <td>{{$product->name}}
                                
                            </td>
                            <td align=center><b>{{$product->brand}}</td>
                            <td align=center><b>{{$product->supplier}}</td>
                            <td align=center><b>{{@number_format($product->s_price) }} </b>{{($product->type==1 ?'دانە':'')}}</td>
                           
                            @if(session('set_qty_view')==1)
                             {{-- <td align=center>{!!qty_normalise($product->qty_1,$product->pak_qty)!!}</td>
                             <td align=center>{!!qty_normalise($product->qty_2,$product->pak_qty)!!}</td>
                             <td align=center>{!!qty_normalise($product->qty_3,$product->pak_qty)!!}</td>
                             <td align=center>{!!qty_normalise($product->qty_4,$product->pak_qty)!!}</td> --}}

                             <td align=center>{!!qty_normalise($product->qty,$product->pak_qty)!!}</td>
                            @else
                            <td align=center>{!!qty_normalise(App\Helper\Store::qty_multi($product),$product->pak_qty)!!}</td>
                            @endif

                            <td align=center>{{$product->updated_at}}</td>  
                         <td align=left class="text-right">
                            <div class="text-right"> 
                                <a href="./product/{{$product->id}}/sell" class="bs-tooltip font-20 text-success" title="" data-original-title="لە پسوڵەدا"><i class="las la-stream"></i></a>
                                @if($user->role==1)
                                    <a href="./product/{{$product->id}}/edit" class="bs-tooltip font-20 text-primary" title="" data-original-title="دەستکاریکردن"><i class="las la-pen"></i></a>
                                @endif
                             </div>
                        </td>
                    </tr>
                  @endforeach
                </tbody>
                <tfoot>
                    <tr>
                      <td colspan="13">
                        <button type="submit" name="type" value="label" class="btn btn-primary btn-sm mr-2" style="float: right">چاپکردنی لەیبڵ</button>
                        @if($user->role==1)
                             <button type="submit" name="type"  value="edit" class="btn btn-primary btn-sm mr-2"style="float: right">دەستکاریکردن</button>
                        @endif
                        <button type="button"   value="inventory" class="btn btn-primary btn-sm inventory_print"style="float: right">جەردی کاڵاکان</button>
                     
                        <div style="float: right; margin-right:40px"> 
                        {{$products->appends(array('q' => @$_GET['q'], 'supplier'=>@$_GET['supplier']))->links()}}
                        </div>
                
                        <div class="tools" style="float:left;">
                           <div class="items"><label> <select name="product_per_page" class="product_per_page">
                            <option value="10" {{session('product_per_page') == 10?'selected':''}}>10 کاڵا</option>
                            <option value="25" {{session('product_per_page') == 25?'selected':''}}>25 کاڵا</option>
                            <option value="50" {{session('product_per_page') == 50?'selected':''}}>50 کاڵا</option>
                            <option value="100" {{session('product_per_page') == 100?'selected':''}}>100 کاڵا</option>
                            <option value="200" {{session('product_per_page') == 200?'selected':''}}>200 کاڵا</option>
                            <option value="300" {{session('product_per_page') == 300?'selected':''}}>300 کاڵا</option>
                           </select>
                        </div> 
                        </div> 
                      </td>
                    </tr>
                  </tfoot>
                </form>
            </table>
            </div>
        </div>
    </div>
</div> 

 
<script>

$("#cbx_view").click(function() {
            window.location.href = "./product/set_qty_view";
        }); 


      $("#cbx_all").click(function () {
        $('.check_item:checkbox').not(this).prop('checked', this.checked);
      });
  
      $('.product_per_page').on('change', function() {
        window.location.href = "./product/set_per_page/"+this.value;
    });
      


    $(".inventory_print").click(function() {
  
  var searchIDs = $(".check_item:checked").map(function(){
      return $(this).val();
      }).get()

  $.ajax({
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      url: "./product/multiple",
      type: "POST",
      data: {
          type: 'inventory',
          ids: searchIDs,
      },
      async: false,
      success: function(response, textStatus, jqXHR) {
          console.log(response);
          setTimeout(function() {
              var printWin = window.open('', '',
                  'left=240px,top=50px,width=750,height=600,toolbar=0,scrollbars=0,status  =0'
                  );
              printWin.document.open();
              printWin.document.write(
                  '<html dri="rtl"><head> </head><body>' + response +
                  '<script type="text/javascript">setTimeout(function(){printss()},1000);  function printss(){window.focus();window.print(); setTimeout(function() {window.close(); }, 10)}<\/script> </body></html>'
                  );
              printWin.document.close();
          }, 200);
      },
      error: function(jqXHR, textStatus, errorThrown) {
          console.log(errorThrown);
      }
  });
});


        </script>
 
@endsection