@extends('layouts.app_mobile')

@section('link')
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">  
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">
    
    <link href="{{ asset('css/admin_filters.css') }}" rel="stylesheet">
    <link href="{{ asset('css/mobile.css') }}" rel="stylesheet">
@endsection

@section('style')
<style>
    .panel-heading{
        margin-bottom:10px;
    }
    .input-group{
        float:left !important;
        margin:0px 2px;
    }
    .chosen-container-single .chosen-single {
        line-height: 28px;
        border-radius: 0px;
    }
    
    .chosen-container .chosen-drop {
        width:100% !important;
    }
    
    #new_supply_btn{
        margin-left:19px;
    }
  
    .form-group span{
        font-size:10px;
    }
    
    .control-label{
        font-size:10px;
    }
    
    #number_2 .form-control{
        height:25px;
    }
  
     
    #number_2 .form-group{
        margin-bottom: 2px;
        margin-left:0px !important;
        margin-rigth:0px !important;
        float:left;
        width:50%;
    }  
    
    input, label {
        display:block;
        padding-left:5px !important;
    }
    
    .form-horizontal .control-label {
        padding-top: 2px;
        margin-bottom: 0;
        text-align: left;
    }
    
    .errorBox{
        font-size:10px;
        max-height:38px;
        overflow:hidden;
    }
    
    .choose_product{
        background: #e7e7e7;
        width: 100%;
        z-index: 1000;
        position: fixed;
        border:1px solid #000;
        margin-top:5px;
        display:none;
    }
    
    .reference_choose_product{
        background: #e7e7e7;
        width: 100%;
        z-index: 1000;
        position: fixed;
        border:1px solid #000;
        margin-top:5px;
        display:none;
        top:100px;
    }
    
    .result_div{
        background: #e7e7e7;
        width: 95%;
        z-index: 1000;
        position: fixed;
        border:1px solid #000;
        margin-top:5px;
        display:none;
        height:175px;
        margin-left:3px;
    }
    
    #ui-datepicker-div{
        top: 75px !important; 
        left: 10px !important;
    }
    
</style>
@endsection

@section('content')
<div class="gray-bg dashbard-1">
@include('shared.messages')
    <div class="row border-bottom">
        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
            <div class="navbar-header" style="width:250px;position: fixed;background:#f3f3f4;">
                <a class="navbar-minimalize minimalize-styl-2 styl-3 btn-xs btn-primary" href="{{route('mobile_views.home')}}">{{__('texte.mobile_views_arr.inventory_start.menu')}} </a> 
                <a id="inventory" class="navbar-minimalize minimalize-styl-2 styl-3 btn-xs btn-primary" hidden>{{__('texte.mobile_views_arr.inventory_start.inventory_start')}}</a>
                <a id="reference" class="navbar-minimalize minimalize-styl-2 styl-3 btn-xs btn-primary">{{__('texte.mobile_views_arr.inventory_start.reference')}}</a>       
                <a id="place_problems" href="{{route('place_problems.index')}}" class="navbar-minimalize minimalize-styl-2 styl-3 btn-xs {{count($place_problems)>0 ? 'btn-danger': 'btn-primary'}}">{{__('texte.mobile_views_arr.inventory_start.place_problems')}}</a>
            </div>
        </nav>
    </div>
    <div class="row screen-content"> 
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">{{__('texte.mobile_views_arr.inventory_start.new_inventory')}} <a id="new_inventory_btn" class="navbar-minimalize btn-sm btn-primary"><i class="glyphicon glyphicon-plus"></i></a></h3>
            </div>
            <div id='1'>
                <div id="number_1">
                    <div class="form-group">
                        <label for="start_place" class="control-label col-xs-1 col-sm-1 col-md-1"></label>
                        <div class="input-group col-xs-8 col-sm-8 col-md-8" style="display:flex;">                                    
                            <input type="text" class="form-control start_place_barcode" id="start_place_barcode" value=""  placeholder="{{__('texte.mobile_views_arr.inventory_start.place')}}" style="width:100%" autofocus/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div style="width:250px;overflow: scroll;max-height:200px;">
                            <table id="stocks" class="table table-bordered" style="font-size:12px;margin-top:10px;white-space: nowrap;">
                                <thead>
                                    <th>{{__('texte.mobile_views_arr.inventory_start.product')}}</th>
                                    <th>{{__('texte.mobile_views_arr.inventory_start.batch')}}</th>
                                    <th>{{__('texte.mobile_views_arr.inventory_start.quantity_short2')}}</th>
                                    <th>{{__('texte.mobile_views_arr.inventory_start.package')}}</th>
                                    <th>{{__('texte.mobile_views_arr.inventory_start.pallet')}}</th>
                                    <th>{{__('texte.mobile_views_arr.inventory_start.expiring_date')}}</th>
                                    <th>{{__('texte.mobile_views_arr.inventory_start.collected')}}</th>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>                        
                    </div>
                    <div class="form-group">
                        <div class="input-group col-xs-8 col-sm-8 col-md-8" style="margin:0px 22% 10px 22%;">                                    
                            <button type="button" id="add_stock" class="btn btn-success btn-sm">{{__('texte.mobile_views_arr.inventory_start.add_stock')}}</button>
                        </div>
                    </div>
                </div>
                <div id="number_2" class="col-xs-15 col-sm-15 col-md-15" hidden>
                    <form method="POST" action="" id="ajax_update_stock" role="form" class="form-horizontal">
                        {{ csrf_field() }}
                        <div class="errorBox"></div>

                        <div class="form-group" style="width:100% !important">
                            <label for="product" class="control-label col-xs-11 col-sm-11 col-md-11">{{__('texte.mobile_views_arr.inventory_start.product')}}</label>
                            <div class="input-group col-xs-11 col-sm-11 col-md-11">
                                <input class="form-control product" name="product" id="product" type="text" placeholder="{{__('texte.mobile_views_arr.inventory_start.product')}}" value="" style="width:100%" required/>
                                <input class="form-control stock" name="stock" id="stock" type="hidden" placeholder="{{__('texte.mobile_views_arr.inventory_start.stock')}}" value="" style="width:100%" required/>
                            </div>
                        </div>
                        
                        
                        <div class="clear-both"></div>
                        
                        <div class="choose_product">
                            <table id="product_options" class="table table-bordered">
                                <span>Моля изберете продукт</span>
                                <tbody>
                                    
                                </tbody>
                            </table>
                        </div>
                        
                        <div class="result_div">
                            <button type="button" id="close_result_div" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <span class="result_div_span"></span>
                        </div>

                        <div class="form-group">
                            <label for="place" class="control-label col-xs-10 col-sm-10 col-md-10">{{__('texte.mobile_views_arr.inventory_start.place')}}</label>
                            <div class="input-group col-xs-10 col-sm-10 col-md-10">
                                <input type="text" name="place" class="form-control place" id="place" value=""  placeholder="{{__('texte.mobile_views_arr.inventory_start.place')}}"  style="width:100%" required/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="pallet" class="control-label col-xs-10 col-sm-10 col-md-10">{{__('texte.mobile_views_arr.inventory_start.pallet')}}</label>
                            <div class="input-group col-xs-10 col-sm-10 col-md-10">
                                <input type="text" name="pallet" class="form-control pallet" id="pallet" value=""  placeholder="{{__('texte.mobile_views_arr.inventory_start.pallet')}}"  style="width:100%"/>
                            </div>
                        </div>                

                        <div class="clear-both"></div>

                        <div class="form-group">
                            <label for="quantity" class="control-label col-xs-10 col-sm-10 col-md-10">{{__('texte.mobile_views_arr.inventory_start.quantity')}}</label>
                            <div class="input-group col-xs-10 col-sm-10 col-md-10">
                                <input class="form-control quantity" name="quantity" id="quantity" type="text" placeholder="{{__('texte.mobile_views_arr.inventory_start.quantity')}}" value="" style="width:100%" min="0" required/>
                            </div>                            
                        </div>

                        <div class="form-group">
                            <label for="measure" class="control-label col-xs-10 col-sm-10 col-md-10">{{__('texte.mobile_views_arr.inventory_start.unit_measure')}}</label>
                            <div class="input-group col-xs-10 col-sm-10 col-md-10">
                                <select id="measure" name="measure" required>
                                    <option value="0">{{__('texte.mobile_views_arr.inventory_start.count')}}</option>
                                    <option value="1">{{__('texte.mobile_views_arr.inventory_start.package')}}</option>
                                </select>
                            </div>                            
                        </div>

                        <div class="clear-both"></div>

                        <div class="form-group">
                            <label for="batch" class="control-label col-xs-10 col-sm-10 col-md-10">{{__('texte.mobile_views_arr.inventory_start.batch')}}</label>
                            <div class="input-group col-xs-10 col-sm-10 col-md-10">
                                <input class="form-control batch" name="batch" id="batch" type="text" placeholder="{{__('texte.mobile_views_arr.inventory_start.batch')}}" value="" style="width:100%" required/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="expiring_date" class="control-label col-xs-10 col-sm-10 col-md-10">{{__('texte.mobile_views_arr.inventory_start.expiring_date')}}</label>
                            <div class="input-group col-xs-10 col-sm-10 col-md-10">
                                <input type="text" name="expiring_date" class="form-control expiring_date" id="expiring_date" value=""  placeholder="{{__('texte.mobile_views_arr.inventory_start.expiring_date')}}"  style="width:65%" />
                            </div>
                        </div>

                        <div class="clear-both"></div>

                        <div class="form-group">
                            <div class="input-group col-xs-8 col-sm-8 col-md-8" style="margin:10px 40%;">                                    
                                <button type="submit" id="update_stock" class="btn btn-success btn-sm">{{__('texte.mobile_views_arr.inventory_start.change_stock')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div id="2" hidden>
                <div class="col-xs-15 col-sm-15 col-md-15">
                        <div class="form-group">
                            <div class="input-group col-xs-6 col-sm-6 col-md-6">
                                <select name="storage" id="storage">
                                    <option value="">{{__('texte.mobile_views_arr.inventory_start.storage')}}</option>
                                    @foreach($storages as $storage)
                                        <option value="{{$storage->id}}">{{$storage->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="input-group col-xs-5 col-sm-5 col-md-5">
                                <input class="form-control" style="width:calc(100% - 4px);" name="address" id="address" type="text" placeholder="{{__('texte.mobile_views_arr.inventory_start.place_barcode')}}" value=""/>                                
                            </div>                             
                        </div>                                          
                        <div class="form-group">
                            <div class="input-group col-xs-11 col-sm-11 col-md-11">
                                <select name="search_product" id="search_product">
                                    <option value="">{{__('texte.mobile_views_arr.inventory_start.product')}}</option>
                                    @foreach($products as $product)
                                        <option value="{{$product->id}}">{{$product->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>  
                        
                        <div class="form-group">    
                            <div class="input-group col-xs-11 col-sm-11 col-md-11">
                                <input class="form-control" name="product_barcode" id="product_barcode" type="text" style="margin-bottom:4px;" placeholder="{{__('texte.mobile_views_arr.inventory_start.product_barcode')}}" value=""/>                                
                            </div>  
                        </div>
                        <div class="form-group">    
                            <div class="input-group col-xs-6 col-sm-6 col-md-6">
                                <input class="form-control" name="pallet_barcode" id="pallet_barcode" type="text" placeholder="{{__('texte.mobile_views_arr.inventory_start.pallet_barcode')}}" value=""/>                                
                            </div>  
                            <div class="input-group col-xs-4 col-sm-4 col-md-5">    
                                 <button id="search" type="button" class="btn btn-success" style="min-width: 99px;font-size:11px;">{{__('texte.mobile_views_arr.inventory_start.search')}}</button>
                            </div>
                        </div>
                        <div class="form-group">   
                            <div style="width:250px;overflow: scroll;max-height:200px;">
                                <table id="stocks" class="table table-bordered" style="font-size:10px;margin-top:10px;">
                                    <thead>
                                        <th>{{__('texte.mobile_views_arr.inventory_start.address')}}</th>
                                        <th>{{__('texte.mobile_views_arr.inventory_start.product')}}</th>
                                        <th>{{__('texte.mobile_views_arr.inventory_start.batch')}}</th>
                                        <th>{{__('texte.mobile_views_arr.inventory_start.quantity_short2')}}</th>
                                        <th>{{__('texte.mobile_views_arr.inventory_start.package')}}</th>
                                        <th>{{__('texte.mobile_views_arr.inventory_start.pallet')}}</th>
                                    </thead>
                                    <tbody>
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    
                        <div class="clear-both"></div>
                    
                        <div class="reference_choose_product">
                            <table id="reference_product_options" class="table table-bordered">
                                <span>Моля изберете продукт</span>
                                <tbody>
                                    
                                </tbody>
                            </table>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/chosen-readonly.js') }}"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/moment-with-locales.min.js') }}"></script>
<script src="{{ asset('js/datepicker-bg.js') }}"></script>
<script src="{{ asset('js/datatables.min.js') }}"></script> 
<script src="{{ asset('js/jquery.scannerdetection.js') }}"></script>
<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script type="text/javascript">
    
    $('#storage,#search_product').chosen();
    $('#measure').chosen({disable_search:true});
    
   
    
    $('#reference').on('click',function(){
       $(this).hide(); 
       $('#1').hide();
       $('#inventory').show();
       $('.panel-title').html('Справка');
       $('#2').show();
       setTimeout(function(){
            $("#address").focus();
       });
    });
    
    $('#inventory').on('click',function(){
       $(this).hide(); 
       $('#2').hide();
       $('.panel-title').html('Инвентаризация');
       $('#reference').show();
       $('#1').show();
       setTimeout(function(){
            $("#start_place_barcode").focus();
       });
    });
    
    $("#product").on('change',function(){
        setTimeout(function(){
            $("#place").focus();
       });
    });
    
    $("#place").on('change',function(){
        setTimeout(function(){
            $("#pallet").focus();
       });
    });
    
    $("#pallet").on('change',function(){
        setTimeout(function(){
            $("#quantity").focus();
       });
    });
    
    $("#quantity").on('change',function(){
        setTimeout(function(){
            $("#batch").focus();
       });
    });
    
    $('#search').on('click', function(){
        let storage = $('#storage').val();
        let address = $('#address').val();
        let product = $('#search_product').val();
        let pallet = $('#pallet_barcode').val();
        
        $('#stocks tbody tr').remove();
        
        if(storage!='' || address!='' || product!='' || pallet!=''){
            $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: '/find_stocks',
                            type: 'POST',
                    data: { 'storage' : storage,
                            'address' : address,
                            'product' : product,
                            'pallet' : pallet},
                    success: function(response){
                                    $('#stocks tbody tr').remove();
                                    for(let i in response){
                                        let row = "<tr><td>"+response[i].barcode+"</td><td>"+response[i].name+"</td><td>"+(response[i].batch!=null ? response[i].batch : '')+"</td><td>"+(response[i].measure==0 ? response[i].quantity : response[i].quantity/response[i].package_count)+"</td><td>"+(response[i].measure==0 ? 'брой' : response[i].package_name)+"</td><td>"+(response[i].pallet!=null && response[i].pallet!=0 ? response[i].pallet : '')+"</td></tr>";
                                        $('#stocks tbody').append(row);
                                    }                               
                             }
                });
        }
    });
    
    setInterval(function() {
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/get_forklift_unlocks',
                    type: 'POST',

            success: function(response){
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                           if(response==0){
                               $('#forklift_unlocks').addClass('btn-primary').removeClass('btn-danger');
                           }
                           else{
                               $('#forklift_unlocks').removeClass('btn-primary').addClass('btn-danger');
                           }
                        }
                    }
        });
    }, 30000);
    
    $( "#expiring_date" ).datepicker({
        showOn: "button",
        buttonText: '<i class="glyphicon glyphicon-calendar"></i>'
    });
    
    $(document).scannerDetection({
            timeBeforeScanTest: 200, // wait for the next character for upto 200ms
            startChar: [120], // Prefix character for the cabled scanner (OPL6845R)
            endChar: [13], // be sure the scan is complete if key 13 (enter) is detected
            avgTimeByChar: 40, // it's not a barcode if a character takes longer than 40ms
            onComplete: function(){ 
                var element = $(document.activeElement);
                if(element.attr('id')=='product'){
                    element.change();
                }
            } // main callback function	
    });
    
    $('#start_place_barcode').on('change', function(){
        
        if($(this).val()!=''){
            let address = $(this).val();

            $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: '/find_stocks',
                            type: 'POST',
                    data: { 'address' : address},
                    success: function(response){
                                    $('#stocks tbody tr').remove();
                                    for(let i in response){                                        
                                        let row = "<tr "+ (response[i].order_id!=0 || response[i].movement_id!=0 ? "class='unclickable' style='color:red'" : "") +"><td><input type='hidden' class='stock_input' name='stock_input' value='"+response[i].id+"'/><input type='hidden' class='product_input' name='product_input' value='"+response[i].name+"'/>"+response[i].name+"</td><td><input type='hidden' class='batch_input' name='batch_input' value='"+response[i].batch+"'/>"+(response[i].batch!=null ? response[i].batch : '')+"</td><td><input type='hidden' class='quantity_input' name='quantity_input' value='"+(response[i].measure==0 ? response[i].quantity : response[i].quantity/response[i].package_count)+"'/>"+(response[i].measure==0 ? response[i].quantity : response[i].quantity/response[i].package_count)+"</td><td><input type='hidden' class='measure_input' name='measure_input' value='"+response[i].measure+"'/><input type='hidden' class='package_name_input' name='package_name_input' value='"+(response[i].package_name.substr(0,1).toUpperCase()+response[i].package_name.substr(1))+"'/>"+(response[i].measure==0 ? 'Брой' : (response[i].package_name.substr(0,1).toUpperCase()+response[i].package_name.substr(1)))+"</td><td><input type='hidden' class='pallet_input' name='pallet_input' value='"+response[i].pallet+"'/>"+(response[i].pallet!=null && response[i].pallet!=0 ? response[i].pallet : '')+"</td><td><input type='hidden' class='expiring_date_input' name='expiring_date_input' value='"+response[i].expiring_date+"'/>"+response[i].expiring_date+"</td><td>"+(response[i].collected==1 ? 'Да' : 'Не')+"</td></tr>";
                                        $('#stocks tbody').append(row);
                                    }                               
                             }
            });
        }
        else{
            $('#stocks tbody tr').remove();
        }
    });
    
    $(document).on('click','#stocks tr',function(){
        if(!$(this).hasClass('unclickable')){
            $('#number_1').hide();
            $('#number_2').show();        
            $('#product').val($(this).find('.product_input').val()).attr('readonly',true);
            $('#stock').val($(this).find('.stock_input').val());
            $('#place').val($('#start_place_barcode').val()).attr('readonly',true);
            $('#pallet').val($(this).find('.pallet_input').val()).attr('readonly',true);
            $('#quantity').val($(this).find('.quantity_input').val());
            $('#measure option[value=1]').text($(this).find('.package_name_input').val());
            $('#measure').val($(this).find('.measure_input').val()).chosenReadonly(true).trigger('chosen:updated');
            $('#batch').val($(this).find('.batch_input').val());
            $('#expiring_date').val($(this).find('.expiring_date_input').val());
            $('#update_stock').text('Промени наличност');
        }
    });
    
    $(document).on('click','#add_stock',function(){
        $('#number_1').hide();
        $('#number_2').show();        
        $('#product').val('').attr('readonly',false);
        $('#stock').val(0);
        $('#place').val('').attr('readonly',false);
        $('#pallet').val('').attr('readonly',false);
        $('#quantity').val('').attr('readonly',false);
        $('#measure option[value=1]').text('Опаковка');
        $('#measure').val(0).chosenReadonly(false).trigger('chosen:updated');
        $('#batch').val('');
        $('#expiring_date').val('');
        $('#update_stock').text('Добави наличност');
        setTimeout(function(){
            $("#product").focus();
       });
    });
    
    
    $('#new_inventory_btn').on('click', function(){
        $('#number_1').show();
        $('#number_2').hide();   
        $('#update_stock').text('Добави наличност');
        setTimeout(function(){
            $("#start_place_barcode").focus();
       });
    });
    
    
    $(document).on('change','#product', function(){
        if($(this).val()!=''){
            let product = $(this).val();
            $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: '/find_products',
                            type: 'POST',
                    data: { 'product' : product},
                    success: function(response){
                                    if(response.length==0){
                                        alert('Не са намерени продукти.');
                                        $('#product').val('');
                                    }
                                    else{
                                        if(response.length==1){
                                            $('#product').val(response[0].name);
                                            $('#measure option[value=1]').text(response[0].package_name.substr(0,1).toUpperCase()+response[0].package_name.substr(1)).trigger('chosen:updated');
                                        }
                                        else{
                                            $('#product_options tbody tr').remove();
                                            for(var i in response){
                                                var row = "<tr><td data-package='"+response[i].package_name.substr(0,1).toUpperCase()+response[i].package_name.substr(1)+"'>"+response[i].name+"</td></tr>";
                                                $('#product_options tbody').append(row);
                                            }
                                            $('.choose_product').show();
                                        }
                                    }
                             }
            });
        }
    });
    
    
    $('#product_barcode').on('change', function(){
        let product_barcode = $('#product_barcode').val();
        
        if(product_barcode!=''){
            $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: '/find_products',
                            type: 'POST',
                    data: { 
                            'product' : product_barcode},
                    success: function(response){
                                if(response.length==0){
                                    alert('Не са намерени продукти');
                                    $('#search_product').val('').trigger('chosen:updated');
                                }
                                else{
                                    if(response.length==1){
                                        $('#search_product').val(response[0].id).trigger('chosen:updated');
                                    }
                                    else{
                                        $('#reference_product_options tbody tr').remove();
                                        for(var i in response){
                                            var row = "<tr><td data-id='"+response[i].id+"'>"+response[i].name+"</td></tr>";
                                            $('#reference_product_options tbody').append(row);
                                        }
                                        $('.reference_choose_product').show();
                                    }
                                }
                             }
            });
        }
        else{
            $('#search_product').val('').trigger('chosen:updated');
        }
    });
    
    
    $(document).on('click','#product_options tbody tr', function(){
        $('#product').val($(this).find('td').text());
        $('#measure option[value=1]').text($(this).find('td').attr('data-package')).trigger('chosen:updated');
        $('.choose_product').hide();
    });
    
    $(document).on('click','#reference_product_options tbody tr', function(){
        $('#search_product').val($(this).find('td').attr('data-id')).trigger('chosen:updated');  
        $('.reference_choose_product').hide();
    });
    
    $('#ajax_update_stock').submit(function(e){
        e.preventDefault();
        
        if ($("#ajax_update_stock").valid()){ 
            
            $('#update_stock').hide();
            
            let product = $('#product').val();
            let stock = $('#stock').val();
            let place = $('#place').val();
            let pallet = $('#pallet').val();
            let quantity = $('#quantity').val();
            let measure = $('#measure').val();
            let batch = $('#batch').val();
            let expiring_date = $('#expiring_date').val();
            $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: '/ajax_update_stock',
                            type: 'POST',
                    data: { 'product' : product,
                            'stock' : stock,
                            'place' : place,
                            'pallet' : pallet,
                            'quantity' : quantity,
                            'measure' : measure,
                            'batch' : batch,
                            'expiring_date' : expiring_date,
                          },
                    success: function(response){
                                    if(response.error){
                                        $('.result_div_span').text(response.error);
                                        $('.result_div').show();
                                    }
                                    else{
                                        $('.result_div_span').text(response.success);
                                        $('.result_div').show();
                                        
                                        setTimeout(function() {
                                            $('.result_div').hide();
                                            $('#new_inventory_btn').click();
                                            $('#start_place_barcode').change();
                                            
                                            $('#update_stock').show();
                                        }, 2000);                                        
                                    }
                             }
            });
        }
    });
    
    $('#close_result_div').on('click',function(){
        $('.result_div_span').text('');
        $('.result_div').hide();
    });
    
</script>
@endsection