@extends('layouts.admin', ['title' => 'ویرایش خروج'])

@section('content')

<div class="row">
    <div class="col-md-6">
        <h3>خروج کالا از انبار ({{ $store_selected->title }}) - ویرایش برگه</h3>

    </div>
    <div class="col-md-6 text-left">

        جمع کل خرید: <b>{{ number_format($totalBuyPrice , 0, '', ',') }}</b> تومان


    </div>
</div>
<hr />

<div class="row">
    <div class="col-md-12">
        <form action="{{ url('admin/store/'. $store_id .'/withdraw/edit/' . $item->id)}}" method="post"
            enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">

            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="rdate">تاریخ</label>
                        <input type="text" class="form-control ltr" id="rdate" name="rdate" value="{{ $item->rdate }}"
                            placeholder="">
                        <span class="error">{{ $errors->first('rdate') }}</span>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group">
                        <label for="flname">طرف حساب</label>
                        <input type="text" class="form-control" id="flname" name="flname" value="{{ $item->flname }}"
                            placeholder="">
                        <span class="error">{{ $errors->first('flname') }}</span>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group">
                        <label for="number">شماره</label>
                        <input type="text" class="form-control ltr" id="number" name="number"
                            value="{{ $item->number }}" readonly="readonly" placeholder="">
                        <span class="error">{{ $errors->first('number') }}</span>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="barcode">بارکد</label>
                        <input type="text" class="form-control ltr" id="barcode" name="barcode"
                            value="{{ $item->barcode }}" readonly="readonly" placeholder="">
                        <span class="error">{{ $errors->first('barcode') }}</span>
                    </div>
                </div>

            </div>

            <table class="table" id="table1">
                <thead>
                    <tr>
                        <th style="width: 50%;">کالا</th>
                        <th>تعداد ( <span id="count">0</span> )</th>
                        <th>نرخ</th>
                        <th>وضعیت</th>
                        <th>توضیحات</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody id="tbody">
                    @foreach($item->Items as $itemTemp)
                    <tr>
                        <td>{{ $itemTemp->Product->title }}

                            {{ $obj->getWidthdrawOptionsEditPage($itemTemp->id) }}
                        </td>

                        <td>{{ $itemTemp->number }} <input type="hidden" class="num" value="{{ $itemTemp->number }}" />
                        </td>
                        <td>{{ number_format($itemTemp->price , 0, '', ',') }}</td>
                        <td>
                            {{
                            $itemTemp->status_id == 1 ? 'تایید' :
                            ($itemTemp->status_id == 2 ? 'رد' : 'رزرو' )
                            }}
                        </td>
                        <td>{{ $itemTemp->description }}</td>
                        <td>
                            <button type="button" data-toggle="modal" data-target="#quickEditModal"
                                class="btn btn-default btn-xs" data-id="{{$itemTemp->id}}"
                                data-number="{{ $itemTemp->number }}" data-price="{{ $itemTemp->price }}"
                                data-maxnum="{{ $itemTemp->WithrawParent->number_remaining + $itemTemp->number}}"
                                data-option="false">ویرایش</button>

                            <a class="btn btn-danger btn-xs"
                                href="/admin/store/withdraw/edit/{{ $item->id }}/item/{{$itemTemp->id}}/delete"
                                onclick="return confirm('آیا میخواهید آیتم مورد نظر حذف شود؟');">حذف</a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="6">

                            <table class="table">
                                <tr>
                                    <td colspan="6">
                                        <div style="height: 50px;width:100%;"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <input type="text" class="form-control" id="tSearch" placeholder="جستجو کالا">

                                    </td>
                                    <td>
                                        <select class="form-control" id="type_id">
                                            <option value="1" selected="selected">حقیقی</option>
                                        </select>
                                    </td>
                                    <td>
                                        <input type="text" class="form-control ltr" id="inumber" placeholder="تعداد">
                                    </td>
                                    <td>
                                        <input type="text" class="form-control ltr" id="price" placeholder="نرخ">
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <select class="form-control" id="parent_id">
                                            @foreach($products as $product)
                                            @if($product->numbers!=0)
                                            <option data-max="{{ $product->numbers }}"
                                                data-price="{{ $product->price + $obj->getWithdrawOptionsPriceByProduct($product->id)}}"
                                                title="{{ cleanTitleForQuickSearch($product->title) }}"
                                                value="{{ $product->id }}{{ $product->option_id != null ? ':' . $product->option_id : '' }}">
                                                {{ $product->title }} {{ $obj->getWithdrawOptionsByProduct($product->id)
                                                }} | موجودی: {{ $product->numbers }} | نرخ: {{ number_format(
                                                $product->price + $obj->getWithdrawOptionsPriceByProduct($product->id) ,
                                                0, '', ',') }} | ورود: {{ $product->rdate }} {{ $product->expire_at !=
                                                null ? '| انقضاء:' . GetShamsiDateWithoutTime($product->expire_at) : ''
                                                }} | پ.و:{{ $product->barcode }} </option>
                                            @endif
                                            @endforeach
                                        </select>
                                    </td>
                                    <td colspan="2">

                                        <input type="text" class="form-control" id="description" placeholder="توضیحات">
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-info" id="btnAdd">افزودن</button>
                                    </td>
                                </tr>
                            </table>

                        </td>
                    </tr>
                </tfoot>
            </table>

            @if($item->Items->where('status_id', 1)->count() != 0)
            <input type="hidden" name="needpassword" value="true" />
            <div class="form-group">
                <label for="password">کلمه عبور</label>
                <input type="password" class="form-control" id="password" name="password" autocomplete="off"
                    placeholder="کلمه عبور">
                <span class="error">{{ $errors->first('password') }}</span>
            </div>
            @endif

            <br>
            <input type="checkbox" value="true" name="chkPrintOptionTitle" id="chkPrintOptionTitle" {{
                $item->print_option_title == true ? 'checked="checked"' : '' }} />
            <label for="chkPrintOptionTitle">نمایش عنوان آپشن ها در چاپ</label>
            <br>

            <input type="checkbox" value="true" name="chkPrintDetails" id="chkPrintDetails" {{ $item->print_details ==
            true ? 'checked="checked"' : '' }} />
            <label for="chkPrintDetails">نمایش توضیحات در هنگام چاپ</label>
            <br><br>

            <button type="submit" class="btn btn-primary">ذخیره</button>
            <a href="/admin/store/{{ $store_id != 0 ? $store_id . '/' : ''  }}withdraw" class="btn btn-link">بازگشت</a>

            <div style="float:left;">
                <a href="/admin/store/withdraw/confirm/{{ $item->id }}"
                    onclick="return confirm('آیا میخواهید آیتم مورد نظر را تایید کنید؟');" class="btn btn-success">تایید
                    کردن برگه</a>
                <a href="/admin/store/withdraw/cancel/{{ $item->id }}"
                    onclick="return confirm('آیا میخواهید آیتم مورد نظر را رد کنید؟');" class="btn btn-danger">رد کردن
                    برگه</a>
                <a href="/admin/store/withdraw/print/{{ $item->id }}" class="btn btn-default">چاپ</a>
            </div>
            <p class="success">{{ session('message') }}</p>
            <p class="error">{{ session('error') }}</p>
        </form>
    </div>
</div>


<!-- Modal -->
<div class="modal fade" id="quickEditModal" tabindex="-1" role="dialog" aria-labelledby="quickEditModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="{{ url('admin/store/' . $store_id . '/withdraw/edit/' . $item->id)}}/qupdate" method="POST">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="quickEditModalLabel">ویرایش سریع</h4>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="qid" id="qid">
                    <input type="hidden" name="qoption" id="qoption">
                    <div class="form-group">
                        <label for="rdate">تعداد (حداکثر مقدار مجاز: <span id="span-max">0</span>)</label>
                        <input type="number" class="form-control" name="qnumber" id="qnumber" min="1">
                    </div>
                    <div class="form-group">
                        <label for="rdate">قیمت</label>
                        <input type="text" class="form-control" name="qprice" id="qprice">
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">به‌روزرسانی</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>
                </div>
            </form>
        </div>
    </div>
</div>


@stop

@section('javascript')
<script>
    jQuery(document).ready(function(){ 

            $('#quickEditModal').on('show.bs.modal', function (event) {
                var button = $(event.relatedTarget); 
                var modal = $(this) 
                modal.find('.modal-body #qnumber').attr("max", button.data('maxnum'));
                modal.find('.modal-body #span-max').text(button.data('maxnum'));
                modal.find('.modal-body #qnumber').val(button.data('number'));
                modal.find('.modal-body #qprice').val(button.data('price'));
                modal.find('.modal-body #qoption').val(button.data('option'));
                modal.find('.modal-body #qid').val(button.data('id'));
                
            });


            jQuery("#tSearch").on("change paste keyup", function() {
            var search = jQuery(this).val().toString().toLowerCase().replaceAll(' ', '').replaceAll('ي', 'ی');
            if(search.length == 0 ){ 
                jQuery("#parent_id option").show();
            } else{ 
                jQuery("#parent_id option").hide(); 
                jQuery("#parent_id option[title*='"+search+"']").show();
            }
            });
            
            function calcCount()
            { 
                var count = 0;
                jQuery("#table1 .num").each(function(){ 
                     count += parseInt(jQuery( this ).val() );
                });
                jQuery('#count').text(count);
            }
            calcCount();
            
            var idIndex = 0;

            jQuery('#btnAdd').click(function(){
                idIndex += 1;
                var parent_id = jQuery('#parent_id option:selected').val();
                var product_title = jQuery('#parent_id option:selected').text();
                var product_max = jQuery('#parent_id option:selected').data('max');
                var description = jQuery('#description').val();
                var number = jQuery('#inumber').val();
                var status_id = jQuery('#status_id option:selected').val();
                var price = jQuery('#price').val();
                var type_title = jQuery('#status_id option:selected').text(); 
 
                //var status_title = jQuery('#status_id option:selected').text();

                if(number==0 || number == "")
                    return;

                if( parseInt(number) > parseInt(product_max))
                {
                    alert('تعداد وارد شده از موجودی کالا بیشتر است!\n' + 'موجودی: ' +product_max );
                    return;
                }

                jQuery('#description').val("");
                jQuery('#inumber').val("");
                jQuery('#price').val(""); 

                var rowData = `
                    <tr data-id="${idIndex}">
                        <td>${product_title}</td>
                        <td>${number}</td> 
                        <td>${formatNumber(price)}</td>  
                        <td>${type_title}</td>
                        <td>${description}</td>
                        <td>
                            <a href="#" onclick="return confirm('آیا میخواهید آیتم مورد نظر حذف شود؟');" class="btnRemove" data-id="${idIndex}" style="color:red;">X</a>
                            <input type="hidden" name="parent_id[]" value="${parent_id}" />
                            <input type="hidden" name="description[]" value="${description}" />
                            <input type="hidden" class="num" name="rnumber[]" value="${number}" />
                            <input type="hidden" name="status_id[]" value="${status_id}" />
                            <input type="hidden" name="price[]" value="${price}" />
                        </td>  
                    </tr>
                `;

                jQuery("#tbody").append(rowData);
                calcCount();
            });

            function formatNumber(num) {
                return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,')
            }

            jQuery("#table1").on('click', '.btnRemove', function(event){
                var id = jQuery(this).data("id");
                
                jQuery(`#table1 tr[data-id="${id}"`).remove();
                calcCount();
                event.preventDefault();
            });
        });
</script>
@stop