@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>
            </div>
        </div>
        <div class="widget-content widget-content-area">
            <div class="table-responsive">

              <div class="searchbox">
                <form action="" method="GET"> 
                <input type="text" name="q" class="input_search" value="{{$q}}" autofocus>
                <input type="submit" name="go" class="input_button" value="بگەڕێ">
              </form>
              </div>

              <br>
                <table class="table">
                    <thead>
                        <tr>
                        
                            <th width="50"><div class="th-content text-center">#</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><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>
                            
                            <th width="120" ><div class="th-content text-center">بڕی گشتی</div></th>
                      

                            {{-- <th width="130"><div class="th-content text-center">دابینەکەر</div></th> --}}
                            <th width="200"><div class="th-content text-center">داغڵکراوە لە</div></th>
                            <td></td>
                        </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>{{$product->id}}</td>   
                            <td style="background:#dae9ff;font-size:12pt;font-weight:bold;" align=center>{{$product->code}}</td>
                                <td>@if($image != "") <img class="list_image" src="{{$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>
                                
                             
                                <td align=center>{!!qty_normalise(App\Helper\Store::qty_all($product),$product->pak_qty)!!}</td>
                              

                                {{-- <td align=center>{{$product->supplier}}</td> --}}
                             <td align=left class="text-right">
                                <div class="text-right">
                                  {{$product->created_at}}
                                 </div>
                            </td>
                            <td class="text-right">
                                <div class="bs-tooltip font-20 text-primary print_label" id="{{$product->id}}" title="" data-original-title="باڕکۆد"><i class="las la-barcode"></i></div>

                            </td>
                        </tr>
                      @endforeach
                    </tbody>
                    <tfoot>
                      <tr>
                        <td colspan="12">
                           
                          <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>
   $('.product_per_page').on('change', function() {
        window.location.href = "./product/set_per_page/"+this.value;
    });

    $(document).on("click", ".print_label", function() {

var id = $(this).attr('id');

$.ajax({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    url: "./product/feed",
    type: "POST",
    data: {
        type: "print_barcode",
        id: id, 
    },
    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