@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>کاڵاکانی دوکانی {{ $shop->name }} - {{ $shop->shop_number }}</h4>

                         @if($products_ids)
                             <a href="./china/products_export/{{implode(',',$products_ids)}}/{{$shop->code}}" class="mr-1 btn btn-success "><i class="las la-file-excel" style="font-size:15pt"></i></a>
                        @endif
                         <a href="./china/shops/products/{{@$shop_id}}?reset=true" style="float:right" class="ml-2 btn btn-danger" onclick="return confirm('دڵنیایت دەتەوێ ئەم کڕینی کاڵای صيني سفربکەیتەوە')" >پاککردنەوەی ئەم دووکانە</a>


                     
                         <a href="./china/shops/products/{{@$shop_id}}?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/shops/products/{{@$shop_id}}?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/shops/products/{{@$shop_id}}?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->china->buyed == 1 ? '#c5f3ad' : '' }}">

                                    <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 }}
                                      
                                        <br><b style="color:red" class="p_note_{{ $product->id }}">{{ @$product->china->note }}</b>
                                       

                                        <img src="assets/img/info{{ @$product->china->note ? '2':''}}.png" class=" bs-tooltip product_note note_{{ $product->id }}"
                                        data-notes="{{ @$product->china->note }}" data-id="{{ $product->id }}" data-original-title="{{@$product->china->note}}">
                                    </td>

                                    <td align=center>
                                        <label class="checkbox checkbox-md checkbox-primary">
                                            <input type="checkbox" class="buy_this" name="buy[]"
                                                {{ @$product->china->buy == 1 ? 'checked' : '' }} value="{{ $product->id }}">
                                            <span></span>
                                        </label>
                                    </td>
 
                                    <td align=center><b style="color:gray">{{ $product->pak_qty }}</b></td>
                                    <td align=center><b>{{ $product->purchase }}</b></td>
                                    <td align=center><b>{{ $product->cbm }}</b></td>
                                    <td align=center><b>{{ number_format($product->p_price) }}</b></td>
                                    <td align=center><b>{{ number_format($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->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"
                                                {{ @$product->china->buyed == 1 ? 'checked' : '' }} value="{{ $product->id }}">
                                            <span></span>
                                        </label>
                                    </td>
                                    <td align=center><b>{{ $sell_item->count }}</b> پسوڵە</td>
                                    <td align=center>{{ $product->supplier }}</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>
                                        </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>
                    </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,
                        shop_id: {{ @$shop_id }},
                    },
                async: false,
                success: function(response, textStatus, jqXHR) {
                    console.log(response);
                    
                    $('.p_note_'+id).text(value); 
                    $('.note_'+id).data('notes',value); 
                   
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log(errorThrown);
                }
            });
        });


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

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

                $.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();

                $.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