@extends('layouts.main')

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


    <div class="col-lg-12 layout-spacing">
        <form action="./product/transfer/store" method="post" enctype="multipart/form-data">

            <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>
                          @if(@$transfer)
                            <a data-href="./product/transfer/{{ $transfer->id }}/destroy"
                              data-toggle="modal" data-target="#confirm-delete2"
                              class="bs-tooltip font-20" title=""
                              data-original-title="سڕینەوەی ئەم گواسنتەوەیە"><i
                                  class="las la-trash"></i> سڕینەوەی ئەم گواستنەوە بە گشتی</a>
                               @endif
                        </div>
                    </div>
                </div>
                <input type="hidden" name="transfer_id" value="{{ @$transfer->id }}">
                <div class="widget-content widget-content-area">
                    <div class="row">
                        <div class="col-3">
                            <div class="form-group">
                                <label>بەرواری گواستنەوە</label>
                                <input type="datetime-local" class="cost_input" style="width:200px" name="created_at"
                                    value="{{ date('Y-m-d\TH:i', @$transfer->created_at ? strtotime($transfer->created_at) : time()) }}"
                                    placeholder="بەروار">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-3">
                            <div class="form-group">
                                <label>گواستنەوە لە گەنجینەی</label>
                                <select name="from" class="form-control" style="padding:0px"
                                    {{ @$transfer ? 'disabled' : '' }}>
                                    @foreach (App\Helper\Store::store_array() as $key => $value)
                                        <option value="{{ $key }}" {{ @$transfer->from == $key ? 'selected' : '' }}>
                                            {{ $value }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-group">
                                 <label>گواستنەوە بۆ گەنجینەی</label>
                                <select name="to" class="form-control" style="padding:0px"
                                    {{ @$transfer ? 'disabled' : '' }}>
                                    @foreach (App\Helper\Store::store_array() as $key => $value)
                                        <option value="{{ $key }}" {{ (@$transfer->to ? $transfer->to : 2) == $key ? 'selected' : '' }}>
                                            {{ $value }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label style="width:100%">تێبینی
                                    <input type="text" name="note"
                                        value="{{ @$transfer->note ? $transfer->note : '' }}" class="form-control mt-2">
                            </div>
                        </div>
                    </div>

                </div>


                <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">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th width="50">
                                        <div class="th-content text-center">#</div>
                                    </th>
                                    <th width="120">
                                        <div class="th-content text-center">کۆدی کاڵا</div>
                                    </th>
                                    <th>
                                        <div class="th-content">ناوی کاڵا</div>
                                    </th>
                                    <th width="120">
                                        <div class="th-content text-center">بڕی کاڵاکان</div>
                                    </th>
 
                                    <th width="190">
                                        <div class="th-content text-center">بڕی ماوە</div>
                                    </th>
                                    <th width="70">
                                        <div class="th-content text-center">کارەکان</div>
                                    </th>
                                </tr>
                            </thead>
                            @csrf

                            <tbody>
                                                                @if (@count($transfer_items))
                                    @foreach ($transfer_items as $item)
                                        <tr>
                                            <td align="center">{{ $loops }}</td>
                                            <td align="center">{{ $item->product->code }}</td>
                                            <td>{{ $item->product->name }}</td>
                                            <td align="center">{{ $item->qty }}  {{ $item->type == 'pak' ? 'کارتۆن' : 'دانە' }}</td>
                                          
                                            <td align="center"></td>
                                            <td align="center">
                                              <a href="./product/transfer/{{$item->transfer_id}}/{{$item->id}}/edit#bottom" class="bs-tooltip font-20 text-primary" title="" data-original-title="دەستکاریکردن"><i class="las la-pen"></i></a>


                                                <a data-href="./product/transfer/{{ $item->transfer_id }}/{{ $item->id }}/destroy"
                                                    data-toggle="modal" data-target="#confirm-delete"
                                                    class="bs-tooltip font-20 text-danger" title=""
                                                    data-original-title="سڕینەوەی ئەم کاڵایە"><i
                                                        class="las la-trash"></i></a>
                                            </td>
                                        </tr>
                                                                            @endforeach
                                @endif
                            </tbody>
                            <tfoot id="bottom">
                                <tr>
                                    <td align="center"><input type="hidden" name="item_edit_id" value="{{@$edit_item->id}}"></td>
                                    <td align="center"><input type="text" class="form-control code" name="code" ></td>
                                    <td align="center"> <input type="text" myid="" class="input_name form-control"
                                            placeholder="ناوی کاڵا" value="{{@$edit_item->product->name}}">
                                        <input type="hidden" name="name" class="name_o" value="{{@$edit_item->product->id}}">
                                        <ul id="searchResult"></ul>
                                    </td>
                                    <td align="center"><input type="number" name="qty" class="trasnfer_input form-control qty" value="{{@$edit_item->qty?$edit_item->qty:1}}"></td>
                                    <td align="center">
                                        <select class="trasnfer_select form-control" name="type" style="padding: 2px">
                                            <option value="pcs" {{@$edit_item->type=="pcs"?'selected':''}}>دانە</option>
                                            <option value="pak" {{@$edit_item->type=="pak"?'selected':(!@$edit_item?'selected':'')}}>کارتۆن</option>
                                        </select>
                                    </td>
                                    <td   align="center"> <input type="submit" name="save" class="save btn btn-primary" value="پاشەکەوتکردن">
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>

            </div>
        </form>
    </div>

    <script>
        // $(document).on('click', '.save', function() {
        //     var id_by_name = $('.input_name').attr("myid");
        //     var id_by_code = $('.code').attr("myid");
        //     var type = $('.trasnfer_select').val();
        //     var qty = $('.qty').val();

        //     if (id_by_name) {
        //         var id = id_by_name;
        //     } else {
        //         var id = id_by_code;
        //     }

        //     $.ajax({
        //         headers: {
        //             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        //         },
        //         url: '/product/transfer/feed',
        //         type: 'post',
        //         data: {
        //             go: "save",
        //             id: id,
        //             type: type,
        //             qty: qty,
        //         },
        //         dataType: 'json',
        //         success: function(response) {
        //             console.log(response);

        //         }
        //     });

        // });

        $(document).on("keyup", ".input_name", function() {
            var search = $(this).val();
            if (search != "") {
                $('.input_code').val('');
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: './feed.php',
                    type: 'post',
                    data: {
                        go: "find_product_by_name",
                        name: search,
                        full: true
                    },
                    dataType: 'json',
                    success: function(response) {

                        var len = response.length;
                        $("#searchResult").empty();
                        $("#searchResult").width($(".input_name").css('width'));
                        for (var i = 0; i < len; i++) {

                            var id = response[i]['id'];
                            var name = response[i]['name'];
                            var code = response[i]['code'] ? response[i]['code'] + " " : '';
                            $("#searchResult").append("<li value='" + id +
                                "'><b style='color:red;float:right;margin-left:5px;'>" + code +
                                "</b> <span>" + name + "</span></li>");

                        }

                        // binding click event to li
                        $("#searchResult li").bind("click", function() {

                            var value = $(this).val();
                            $("#searchResult").empty();
                            $(".input_name").val($(this).find('span').text());
                            $(".input_name").attr('myid', value);
                            $(".name_o").val(value);
 
                        });
                    }
                });
            }
        });
        $(document).ready(function() { 
            $('#confirm-delete').on('show.bs.modal', function(e) {
                $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
            });
            $('#confirm-delete2').on('show.bs.modal', function(e) {
                $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
            });
        });
    </script>
    <div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    سڕینەوە
                </div>
                <div class="modal-body">
                    ئایا ڕازیت ئەم کاڵایە بسڕیتەوە لە گواستنەوە؟
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">نەخێر</button>
                    <a class="btn btn-danger btn-ok">بەڵێ</a>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="confirm-delete2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                سڕینەوە
            </div>
            <div class="modal-body">
                ئایا ڕازیت ئەم گواستنەوەیە بسڕیتەوە؟
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">نەخێر</button>
                <a class="btn btn-danger btn-ok">بەڵێ</a>
            </div>
        </div>
    </div>
</div>


@endsection