@extends('layouts.main')

@section('content')
    <script src="assets/js/libs/jquery-3.1.1.min.js">
    </script>

    <link href="assets/css/forms/checkbox-theme.css" rel="stylesheet" type="text/css" />

    <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>
 
                        <a href="./china/products_export/1/all" class="mr-1 btn btn-success "><i class="las la-file-excel" style="font-size:15pt"></i></a>
                 
                    
                       <a href="./china/products/?type=not_buyed" style="float:left" class="mr-1 btn btn-primary "><input class="mr-1" style="vertical-align: middle" type="radio"  {{@$_GET['type']=="not_buyed"?'checked':''}}>نەکڕاوەکان</a>
                       <a href="./china/products/?type=" style="float:left" class="mr-1 btn btn-sm"><input class="mr-1" style="vertical-align: middle" type="radio" {{@$_GET['type']==""?'checked':''}}>هەموو کاڵاکان</a>
                       <a href="./china/products/?type=buyed" style="float:left" class="mr-1 btn btn-sm"><input class="mr-1" style="vertical-align: middle" type="radio"  {{@$_GET['type']=="buyed"?'checked':''}}>کڕاوەکان</a>
                    </div>
                </div>
            </div>
            <div class="widget-content widget-content-area">
                <div class="table-responsive">
                    <div class="row mt-2">
                        <div class="col-12">
                                                     @if(@$_COOKIE['show'] != true && auth()->user()->id == 20 )
                            <form action="" method="GET">
                              @csrf
                              <input type="password" name="pass" style=" width:100px; border: 1px solid #ccc; border-radius: 5px; padding: 5px; font-size: 12pt;"> 
                            </form>
                            @endif
                        </div>
                      </div>
                      @if(@$_COOKIE['show'] == true || auth()->user()->id != 20 )
                    <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="80">
                                    <div class="th-content text-center">وێنە</div>
                                </th>
                                <th>
                                    <div class="th-content">ناوی کاڵا</div>
                                </th>
                                <th width="50">
                                    <div class="th-content text-center">بیکڕە</div>
                                </th>
                                <th>
                                    <div class="th-content text-center">بڕی.ک</div>
                                </th>
                                <th>
                                    <div class="th-content text-center">کڕین</div>
                                </th>
                                <th>
                                    <div class="th-content text-center">cbm</div>
                                </th>
                                <th>
                                    <div class="th-content text-center">نرخی کڕین</div>
                                </th>
                                <th>
                                    <div class="th-content text-center">نرخی فرۆشتن</div>
                                </th>
                                <th>
                                    <div class="th-content text-center">بڕی فرۆشراو</div>
                                </th>
                                <th>
                                    <div class="th-content text-center">بڕی ماوە</div>
                                </th>
                                <th width="50">
                                    <div class="th-content text-center">کڕاوە</div>
                                </th>
                                <th>
                                    <div class="th-content text-center">سودمەند</div>
                                </th>
                                <th>
                                    <div class="th-content text-center">دابینەکەر</div>
                                </th>
                                <th width="40">
                                    <div class="th-content text-center"></div>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($products as $product)
                                                                <tr style="background:{{ @$product->buyed == 1 ? '#c5f3ad' : '' }}">

                                    <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 }}
                                        @if ($product->note)
                                            <br><b style="color:red" class="p_note_{{ $product->product->id }}">{{ $product->note }}</b>
                                        @endif
                                        <img src="assets/img/info{{ @$product->note ? '2':''}}.png" class=" bs-tooltip product_note note_{{ $product->product->id }}"
                                        data-notes="{{ @$product->note }}" data-id="{{ $product->product->id }}" data-original-title="{{@$product->note}}">

                                    </td>

                                    <td align=center>
                                        <label class="checkbox checkbox-md checkbox-primary">
                                            <input type="checkbox" class="buy_this" name="buy[]"
                                                {{ @$product->buy == 1 ? 'checked' : '' }} data-shop_id="{{@$shops[$product->product_id]->shop_id}}" value="{{ $product->product->id }}">
                                            <span></span>
                                        </label>
                                    </td>


                                    <td align=center><b style="color:gray">{{ $product->product->pak_qty }}</b></td>
                                    <td align=center><b>{{ $product->product->purchase }}</b></td>
                                    <td align=center><b>{{ $product->product->cbm }}</b></td>
                                    <td align=center><b>{{ number_format($product->product->p_price) }}</b></td>
                                    <td align=center><b>{{ number_format($product->product->s_price) }}</b></td>
                                    <td align=center>

                                        0                                    </td>
                                    <td align=center style="background: {{ $c }}"> &nbsp; &nbsp; &nbsp;<b
                                            style="font-size: 20pt">{{ $product->product->qty }}</b>

                                        <b>{{ @number_format($qq['remain_percent']) }}%</b>
                                    </td>

                                    <td align=center>
                                        <label class="checkbox checkbox-md checkbox-success">
                                            <input type="checkbox" name="buyed[]" class="buyed_this" data-shop_id="{{@$shops[$product->product_id]->shop_id}}"
                                                {{ @$product->buyed == 1 ? 'checked' : '' }} value="{{ $product->product->id }}">
                                            <span></span>
                                        </label>
                                    </td>
                                    <td align=center><b>{{ @$sell_item->count }}</b> پسوڵە</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="16">

                                    <div style="float: right; margin-right:40px">

                                        <div class="btn" style="background: green; color:white">فرۆشی زۆرباشە</div>
                                        <div class="btn" style="background:yellow">فرۆشی خراپ نیە</div>
                                        <div class="btn" style="background: orange">فرۆشی باش نیە</div>
                                        <div class="btn" style="background: red">فرۆشی زۆر خراپە</div>
                                    </div>
                                </td>
                            </tr>
                        </tfoot>
                        <tfoot>
                            <tr>
                              <td colspan="16">
                             
                                <div style="float: right; margin-right:40px"> 
                                {{$products->appends(array('q' => @$_GET['q'],'type' => @$_GET['type'], 'supplier'=>@$_GET['supplier']))->links()}}
                                </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>
                                    <option value="300" {{session('product_per_page') == 300?'selected':''}}>300 کاڵا</option>
                                   </select>
                                </div> 
                                </div> 
                              </td>
                            </tr>
                          </tfoot>

                    </table>

                    @endif
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="noteModal" tabindex="-1" role="dialog" aria-labelledby="noteModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="noteModalLabel">تێبینی لەبارەی کاڵاوە</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="las la-times"></i>
                </button>
            </div>
            <div class="modal-body">
                <p class="modal-text">هەر تێبینیەکت هەیە بینووسە</p>
                <div class="form-group text-center">
                    <input type="text" style="margin:auto" value="" class="form-control note_input"
                        data-id="" id="recipient-name">
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> داخستن</button>
                <button type="button" class="btn btn-primary save_note"
                    data-dismiss="modal">پاشەکەوتکردن</button>
            </div>
        </div>
    </div>
    </div>
   
    <script>
        $(document).ready(function() {

            $(document).on('click', '.product_note', function () {
                $('.note_input').val($(this).data('notes'));
                $('.note_input').data('id',$(this).data('id'));
                $('#noteModal').modal('toggle');
            });
    
            $(document).on('click', '.save_note', function () {
                var id = $('.note_input').data('id');
                var value = $('.note_input').val();

                
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: "./china/shops/products/feed",
                    type: "POST",
                    data: {
                            type: 'note',
                            note: value,
                            id: id, 
                        },
                    async: false,
                    success: function(response, textStatus, jqXHR) {
                        console.log(response);
                        $('.p_note_'+id).text(value);
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        console.log(errorThrown);
                    }
                });
            });


            $('.product_per_page').on('change', function() {
        window.location.href = "./product/set_per_page/"+this.value;
    });

            $(document).on('click', '.buy_this', function() {

                var id = $(this).val();
                var shop_id = $(this).data(shop_id);

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: "./china/shops/products/feed",
                    type: "POST",
                    data: {
                        type: 'buy',
                        id: id,
                        shop_id: shop_id,
                    },
                    async: false,
                    success: function(response, textStatus, jqXHR) {
                        console.log(response);

                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        console.log(errorThrown);
                    }
                });
            });

            $(document).on('click', '.buyed_this', function() {

                var id = $(this).val();
                var shop_id = $(this).data(shop_id);

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: "./china/shops/products/feed",
                    type: "POST",
                    data: {
                        type: 'buyed',
                        id: id,
                        shop_id: shop_id,
                    },
                    async: false,
                    success: function(response, textStatus, jqXHR) {
                        console.log(response);

                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        console.log(errorThrown);
                    }
                });
            });
        });
    </script>
    @endsection