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

@section('content')

	<h3>خروج کالا از انبار ({{ $store_selected->title }}) - برگه جدید</h3>
	<hr />
 
	<div class="row">
		<div class="col-md-12">
			<form action="{{ url('admin/store/' . $store_id . '/withdraw/add')}}" method="post"  enctype="multipart/form-data">
			<input type="hidden" name="_token" value="{{ csrf_token() }}">
 
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="rdate">تاریخ</label>
                        <input type="text" class="form-control ltr" id="rdate" name="rdate" placeholder="">
                        <span class="error">{{ $errors->first('rdate') }}</span>
                    </div>
                </div> 
                  
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="flname">طرف حساب</label>
                        <input type="text" class="form-control" id="flname" name="flname" placeholder="">
                        <span class="error">{{ $errors->first('flname') }}</span>
                    </div>
                </div>
                 
            </div>
  
            <table class="table" id="table1">
                <thead>
                    <tr> 
                        <th>کالا</th> 
                        <th>بابت</th>
                        <th>تعداد ( <span id="count">0</span> )</th>
                        <th>نرخ</th>
                        <th>توضیحات</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody id="tbody">

                </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-locked="{{ $product->locked == true ? 1 : 0 }}" 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>
            
		 
  
			<button type="submit" onclick="return validateForm();" class="btn btn-primary">ذخیره</button>
			<a href="/admin/store/{{ $store_id != 0 ? $store_id . '/' : ''  }}withdraw" class="btn btn-link">بازگشت</a>

			<p class="success">{{ session('message') }}</p>
			<p class="error">{{ session('error') }}</p>
		</form>
		</div>
	</div>

@stop
 
@section('javascript')
    <script>
        
        function validateForm()
        { 
            if($("#rdate").val().length < 10)
            {
                alert("لطفا تاریخ را وارد نمایید!");
                return false;
            } 

            if($("#flname").val().length < 2)
            {
                alert("لطفا طرف حساب را وارد نمایید!")
                
                return false;
            }

            if(jQuery('input[name="parent_id[]"]').length == 0)
            {
                alert("لطفا کالاهای مورد نظر را وارد نمایید!")
                
                return false;
            }

            return true;
        }

        jQuery(document).ready(function(){ 
            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);
            } 

            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 irc = jQuery('#irc').val();
                var type_id = jQuery('#type_id option:selected').val(); 
                var number = jQuery('#inumber').val(); 
                var price = jQuery('#price').val();
                var price_min = jQuery('#parent_id option:selected').data('price');
                var description = jQuery('#description').val();
                var locked = jQuery('#parent_id option:selected').data('locked');
               
                if(locked==1 || locked=="1")
                {
                    alert("کالای مورد نظر قفل است !")
                    return;
                }

                if(parent_id=="null" || product_title == "")
                {
                    alert("لطفا کالا را انتخاب نمایید !")
                    return;
                }

                if(number==0 || number=="")
                {
                    alert("لطفا تعداد را وارد نمایید !")
                    return;
                }

                if(price=="")
                {
                    alert("لطفا نرخ را وارد نمایید !")
                    return;
                }

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

                if( parseInt(price) < parseInt(price_min))
                {
                    if(confirm('قیمت وارد شده از قیمت خرید کالا کمتر است!\n' + 'قیمت ورود: ' +price_min ) == false)
                        return;
                }

                var type_title = jQuery('#type_id option:selected').text(); 

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

                var rowData = `
                    <tr data-id="${idIndex}">
                        <td>${product_title}</td> 
                        <td>${type_title}</td>
                        <td>${number}</td> 
                        <td>${formatNumber(price)}</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="type_id[]" value="${type_id}" />
                            <input type="hidden" name="rnumber[]" value="${number}" /> 
                            <input type="hidden" name="price[]" value="${price}" />
                            <input type="hidden" name="description[]" value="${description}" />
                        </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