@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="month" name="start" class="date_1"
                                  value="{{ @$start ? date('Y-m', $start) : '' }}"></label>
                          <button type="submit" class="button_1">بڕۆ</button>
                      </form>

                  </div>
                   
                </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 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="100"><div class="th-content text-center">پسوڵە</div></th>
                             <th width="200"><div class="th-content text-center">بڕی فرۆشراو</div></th>
                             <th width="200"><div class="th-content text-center">بڕی ماوە</div></th>
                            <th width="200"><div class="th-content text-center">دابینەکەر</div></th>
                            <th width="50"><div class="th-content text-center">کارەکان</div></th>
                        </tr>
                    </thead>
                   
                
                    <tbody>
                        @foreach($products as $product)
                                                <tr> 
                            <td>{{$product->product->id}}</td>   
                            <td style="background:#dae9ff;font-size:12pt;font-weight:bold;" align=center>{{$product->product->code}}</td>
                            <td>@if($image != "") <img class="list_image" src="{{$image}}"> @endif</td>

                                <td>{{$product->product->name}}</td>
                                <td align="center">{{$product->product->brand}}</td>
                                <td align=center>{{$product->count}}</td>
                                 <td align=center><b>{{$total_qty}}</b> = <i>{{number_format($total_qty / $product->product->pak_qty,1)}} کارتۆن</i></td>
                                 <td align=center><b>{{$product->product->qty}}</b> = <i>{{number_format($product->product->qty / $product->product->pak_qty,1)}} کارتۆن</i></td>
                                <td align=center>{{$product->product->supplier}}</td>
                             <td align=left class="text-right">
                                <div class="text-right">
                    
                                    <a href="./product/{{$product->product->id}}/sell" class="bs-tooltip font-20 text-success" title="" data-original-title="لە پسوڵەکاندا"><i class="las la-stream"></i></a>
                                 </div>
                            </td>
                        </tr>
                      @endforeach
                    </tbody>
                    <tfoot>
                        <tr> 
                          <td colspan="10">
                            {{$products->appends(array('q' => @$_GET['q'], 'supplier'=>@$_GET['supplier']))->links()}}
                        </td>
                          
                        </tr>
                      </tfoot> 
                </table>
            </div>
        </div>
    </div>
</div>
  
 
@endsection