@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>لیستی کاڵاکان - کڕیاری جملە ({{ $customer_id }})</h4> 
                    
                    <div class="search_box" style="float:right;margin-right:30px">
                        <form action="" method="GET"> 
                            <label> 
                                <input type="text" class="input_search" autofocus style="width:200px" name="q" placeholder="گەڕان..." value="{{ $q ?? '' }}">
                            </label>
                            <label>
                                <input type="number" min="0" class="input_search" style="width:120px" name="min_qty" placeholder="کەمترین بڕ" value="{{ isset($min_qty) ? $min_qty : '' }}">
                            </label>
                            <input type="hidden" name="filter" value="{{ $filter ?? 'all' }}">
                            <input type="hidden" name="sort" value="{{ $sort ?? 'id' }}">
                            <button type="submit" class="button_1">بگەڕێ</button>
                        </form>
                    </div>
                    
                    <!-- فلتەرەکان -->
                    <div style="float:right; margin-right:15px;">
                        <a href="wholesale?filter=all{{ $q ? '&q='.$q : '' }}{{ isset($sort) && $sort ? '&sort='.$sort : '' }}{{ isset($min_qty) && $min_qty !== '' ? '&min_qty='.$min_qty : '' }}" class="btn btn-sm {{ (!$filter || $filter == 'all') ? 'btn-primary' : 'btn-outline-primary' }}">
                            هەموو کاڵاکان
                        </a>
                        <a href="wholesale?filter=ordered{{ $q ? '&q='.$q : '' }}{{ isset($sort) && $sort ? '&sort='.$sort : '' }}{{ isset($min_qty) && $min_qty !== '' ? '&min_qty='.$min_qty : '' }}" class="btn btn-sm {{ $filter == 'ordered' ? 'btn-success' : 'btn-outline-success' }}">
                            داواکراوەکان
                        </a>
                        <a href="wholesale?filter=not_ordered{{ $q ? '&q='.$q : '' }}{{ isset($sort) && $sort ? '&sort='.$sort : '' }}{{ isset($min_qty) && $min_qty !== '' ? '&min_qty='.$min_qty : '' }}" class="btn btn-sm {{ $filter == 'not_ordered' ? 'btn-warning' : 'btn-outline-warning' }}">
                            داوانەکراوەکان
                        </a>
                    </div>
                    
                    <!-- ڕیزکردن بەپێی بڕ -->
                    <div style="float:right; margin-right:15px;">
                        <label style="margin-right: 10px;"><strong>ڕیزکردن:</strong></label>
                        <a href="wholesale?sort=qty_desc{{ $q ? '&q='.$q : '' }}{{ $filter ? '&filter='.$filter : '' }}{{ isset($min_qty) && $min_qty !== '' ? '&min_qty='.$min_qty : '' }}" class="btn btn-sm {{ isset($sort) && $sort == 'qty_desc' ? 'btn-info' : 'btn-outline-info' }}">
                            بڕ ⬇
                        </a>
                        <a href="wholesale?sort=qty_asc{{ $q ? '&q='.$q : '' }}{{ $filter ? '&filter='.$filter : '' }}{{ isset($min_qty) && $min_qty !== '' ? '&min_qty='.$min_qty : '' }}" class="btn btn-sm {{ isset($sort) && $sort == 'qty_asc' ? 'btn-info' : 'btn-outline-info' }}">
                            بڕ ⬆
                        </a>
                        <a href="wholesale?sort=qty_1_desc{{ $q ? '&q='.$q : '' }}{{ $filter ? '&filter='.$filter : '' }}{{ isset($min_qty) && $min_qty !== '' ? '&min_qty='.$min_qty : '' }}" class="btn btn-sm {{ isset($sort) && $sort == 'qty_1_desc' ? 'btn-success' : 'btn-outline-success' }}">
                            مایە ⬇
                        </a>
                        <a href="wholesale?sort=qty_1_asc{{ $q ? '&q='.$q : '' }}{{ $filter ? '&filter='.$filter : '' }}{{ isset($min_qty) && $min_qty !== '' ? '&min_qty='.$min_qty : '' }}" class="btn btn-sm {{ isset($sort) && $sort == 'qty_1_asc' ? 'btn-success' : 'btn-outline-success' }}">
                            مایە ⬆
                        </a>
                        <a href="wholesale?{{ $q ? 'q='.$q : '' }}{{ $filter ? '&filter='.$filter : '' }}{{ isset($min_qty) && $min_qty !== '' ? '&min_qty='.$min_qty : '' }}" class="btn btn-sm {{ !isset($sort) || $sort == 'id' ? 'btn-secondary' : 'btn-outline-secondary' }}">
                            بنەڕەت
                        </a>
                    </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="100"><div class="th-content text-center">کۆد</div></th>
                            @if($settings_product_image==1)
                                <th width="100"><div class="th-content text-center">وێنە</div></th>
                            @endif
                            <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="130"><div class="th-content text-center">-</div></th> 
                            <th width="130"><div class="th-content text-center">نرخی فرۆشتن</div></th> 
                            <th width="120"><div class="th-content text-center">----</div></th> 
                            <th width="120"><div class="th-content text-center">بڕ</div></th>
                            <th width="150"><div class="th-content text-center">داواکاری کڕیار</div></th>
                            <th width="120"><div class="th-content text-center">کارەکان</div></th>
                        </tr>
                    </thead>
                    <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>
                            @if($settings_product_image==1)    
                               <td>@if($image != "") <img class="list_image" src="{{ $image }}"> @endif</td>
                            @endif
                            <td>{{ $product->name }}
                                <img src="assets/img/info{{ @$product->note ? '2':'' }}.png" class="bs-tooltip product_note note_{{ $product->id }}"
                                data-notes="{{ $product->note }}" data-id="{{ $product->id }}" data-original-title="{{ @$product->note }}">
                            </td>
                            <td align=center><b>{{ $product->brand }}</b></td>
                            <td align=center><b>{{ $product->supplier }}</b></td>

                            <td align=center><b style="color:rgb(135, 135, 207)">{{ @number_format($product->p_price) }} </b>{{ ($product->type==1 ? 'دانە':'') }}</td>

                            <td align=center><b>{{ @number_format($product->s_price) }} </b>{{ ($product->type==1 ? 'دانە':'') }}</td>
                            <td align=center style="color:rgb(135, 135, 207)">{{ @number_format(($product->p_price / 12) * $product->qty) }}</td>
                            <td align=center>{!! qty_normalise($product->qty,$product->pak_qty) !!}</td>
                            
                            <!-- ستوونی داواکاری کڕیار -->
                            <td align=center>
                                @if($order_count > 0)
                                    <span class="badge badge-success" style="font-size:14px; padding:8px 12px;">
                                        ✓ کڕیوە {{ $order_count }} جار
                                    </span>
                                @else
                                    <span class="badge badge-secondary" style="font-size:12px;">
                                        داوانەکراوە
                                    </span>
                                @endif
                            </td>
                            
                            <td align=left class="text-right">
                                <div class="text-right"> 
                                    @if($user->role==1)
                                        <a href="./product/{{ $product->id }}/purchase" class="bs-tooltip font-20 text-danger" title="" data-original-title="دووبارە کڕینەوە"><i class="las la-shopping-cart"></i></a>
                                    @endif
                                    <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="14">
                                <div style="float: right; margin-right:40px"> 
                                    {{ $products->appends(array('q' => $q, 'filter' => $filter, 'sort' => $sort ?? 'id', 'min_qty' => $min_qty))->links() }}
                                </div>

                                <div class="tools">
                                    <div class="items">
                                        <label> 
                                            <input type="checkbox" class="settings_product_view" name="" value="1" {{ @$settings_product_image==1 ? "checked" : '' }}> 
                                            وێنە 
                                        </label>
                                    </div>
                                </div>
                        
                                <div 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>
                                            </select>
                                        </label>
                                    </div> 
                                </div> 
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>

<style>
.badge {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 4px;
    font-weight: bold;
}
.badge-success {
    background-color: #28a745;
    color: white;
}
.badge-secondary {
    background-color: #6c757d;
    color: white;
}
.btn-outline-primary {
    border: 1px solid #007bff;
    color: #007bff;
}
.btn-outline-success {
    border: 1px solid #28a745;
    color: #28a745;
}
.btn-outline-warning {
    border: 1px solid #ffc107;
    color: #856404;
}
</style>

<script>
    $(document).ready(function() {
        $('.settings_product_view').on('change', function() {
            window.location.href = './product/settings/product_image';
        });
        
        $('.product_per_page').on('change', function() {
            var per = $(this).val();
            window.location.href = './product/set_per_page/' + per;
        });
    });
</script>



@endsection