@extends('layouts.app_mobile')

@section('link')
    <link href="{{ asset('css/datatables.min.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 5px;
    }
    .select2-selection{
        height:34px !important;
    }
    
    #new_supply_btn{
        margin-left:19px;
    }
    
    .errorBox{
        max-height:38px;
        overflow:hidden;
    }
    
    body{
        line-height:1;
    }
    
    .panel-heading {
        margin-bottom: 10px;
    }
    
    .choose_product{
        background: #e7e7e7;
        width: 100%;
        z-index: 9999;
        position: fixed;
        top:80px;
        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;
    }
    
    .flex{
        display:flex;
    }
    
    .minimalize-styl-2{
        display: inline-block;
        float:none;
    }
</style>
@endsection

@section('content')
<div class="gray-bg dashbard-1">
@include('shared.messages')    
    <div class="form-group">
        <div class="col-sm-15" style="text-align: center;">
             <a type="button" class="btn btn-primary" href="{{ route('mobile_views.home') }}">{{__('texte.mobile_views_arr.forklift_supply_start.menu')}} </a> 
             <a id="supply" class="btn btn-primary" style="display:none">{{__('texte.mobile_views_arr.forklift_supply_start.supply')}}</a>
             <a id="reference" class="btn btn-primary">{{__('texte.mobile_views_arr.forklift_supply_start.reference')}}</a>                
             <a id="forklift_unlocks" href="{{route('forklift.index_unlocks')}}" class="btn {{count($forklift_unlocks)>0 ? 'btn-danger': 'btn-primary'}}">{{__('texte.mobile_views_arr.forklift_supply_start.unlocks')}}</a>
         </div>
    </div>
    <div class="row screen-content">         
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title supply">{{__('texte.mobile_views_arr.forklift_supply_start.stock_supply')}} <a id="new_supply_btn" class="btn-sm btn-primary"><i class="glyphicon glyphicon-plus"></i></a></h3>
                <h3 class="panel-title reference" hidden>{{__('texte.mobile_views_arr.forklift_supply_start.reference')}}</h3>
            </div>
            <div class="panel-body" style="padding:0px;">
                <div id="1a">
                    <div id="1">
                        <div class="form-group">
                            <div class="col-sm-12 flex">                                    
                                <input type="text" class="form-control start_place_barcode" id="start_place_barcode" value=""  placeholder="{{__('texte.mobile_views_arr.forklift_supply_start.place')}}"/>
                                @if(config('settings.has_barcode_scanner'))
                                <button type="button" class="btn btn-info" id="scan_barcode" onclick="scanBarcode()">Scan</button>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div id="2" hidden>
                        <div class="form-group">
                            <table id="place_stocks" class="table table-bordered">
                                <thead>
                                    <th>{{__('texte.mobile_views_arr.forklift_supply_start.product')}}</th>
                                    <th>{{__('texte.mobile_views_arr.forklift_supply_start.quantity_short')}}</th>
                                    <th>{{__('texte.mobile_views_arr.forklift_supply_start.measure')}}</th>
                                </thead>
                                <tbody></tbody>
                            </table>
                            <select name='products' id='products'>
                                <option value=''>{{__('texte.mobile_views_arr.forklift_supply_start.product')}}</option>
                                @foreach($products as $product)
                                    <option value='{{$product->id}}'>{{$product->name}}</option>
                                @endforeach
                            </select>
                            <br/><br/>
                            <input type='text' name='scanned_product_barcode' id='scanned_product_barcode' style='width:{{config('settings.has_barcode_scanner') ? 80 : 100}}%;height:34px;'/>
                            @if(config('settings.has_barcode_scanner'))
                            <button type="button" class="btn btn-info" id="scan_barcode" onclick="scanBarcode()">Scan</button>
                            @endif
                        </div>

                        <div class="choose_product">
                            <table id="product_options" class="table table-bordered">
                                <span>Моля изберете продукт</span>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div id="3" hidden>
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group old_place_barcode_span">
                                <strong>{{__('texte.mobile_views_arr.forklift_supply_start.supply_place')}}: </strong>
                                <span></span>
                            </div>
                        
                            <div class="form-group supply_product_span">
                                <strong>{{__('texte.mobile_views_arr.forklift_supply_start.product')}}: </strong>
                                <span></span>
                            </div>
                        
                            <div class="form-group place_barcode_span">
                                <strong>{{__('texte.mobile_views_arr.forklift_supply_start.taking_spot')}}: </strong>
                                <span></span>
                            </div>
                        
                            <div class="form-group pallet_barcode_span">
                                <strong>{{__('texte.mobile_views_arr.forklift_supply_start.pallet_barcode')}}: </strong>
                                <span></span>
                            </div>
                        
                            <div class="form-group total_quantity_span">
                                <strong>{{__('texte.mobile_views_arr.forklift_supply_start.pallet_quantity')}}: </strong>
                                <span></span>
                                <span class="measure"></span>
                            </div>
                        
                            <div class="form-group ordered_quantity_span">
                                <strong>{{__('texte.mobile_views_arr.forklift_supply_start.ordered_quantity')}}: </strong>
                                <span></span>
                                <span class="measure"></span>
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <form method="POST" action="" id="form-update" role="form" class="form-horizontal">
                                {{ csrf_field() }}
                                <div class="errorBox"></div>

                                <div class="form-group">
                                    <div class="col-sm-12 flex">                                    
                                        <input type="text" style="width:90%" data-barcode="" class="form-control place_barcode" id="place_barcode" value=""  placeholder="{{__('texte.mobile_views_arr.forklift_supply_start.place_barcode')}}" style="width:100%"/>
                                        <span id="correct_place" style="color:#74C274;" hidden><i class="glyphicon glyphicon-ok-sign"></i></span>
                                        <span id="wrong_place" style="color:#D34A46;" hidden><i class="glyphicon glyphicon-ban-circle"></i></span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-sm-12 flex">
                                        <input type="text" style="width:90%" data-pallet="" class="form-control pallet" id="pallet" value=""  placeholder="{{__('texte.mobile_views_arr.forklift_supply_start.pallet_barcode')}}" readonly  style="width:100%"/>
                                        <span id="correct_pallet" style="color:#74C274;" hidden><i class="glyphicon glyphicon-ok-sign"></i></span>
                                        <span id="wrong_pallet" style="color:#D34A46;" hidden><i class="glyphicon glyphicon-ban-circle"></i></span>
                                    </div>
                                </div>

                                <div class="form-group quantity" hidden>
                                    <div class="col-sm-2" style="float:left;margin-right:10px">
                                        <input type="text" data-quantity="" class="form-control" id="quantity" name="quantity" value="" min="1" placeholder="{{__('texte.mobile_views_arr.forklift_supply_start.quantity')}}" required/>
                                    </div>
                                    <span class="measure"></span>
                                </div>

                                <div class="form-group">
                                    <div class="col-sm-8 flex">
                                        <input class="form-control new_address" id="new_place_address" type="text" style="width:90%" placeholder="{{__('texte.mobile_views_arr.forklift_supply_start.new_place_barcode')}}" value="" name="new_place_id" required readonly  style="width:100%"/>
                                        <span id="correct_new_place" style="color:#74C274;" hidden><i class="glyphicon glyphicon-ok-sign"></i></span>
                                        <span id="wrong_new_place" style="color:#D34A46;" hidden><i class="glyphicon glyphicon-ban-circle"></i></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-12" style="text-align: center;">     
                                        <button type="submit" class="btn btn-success submit">{{__('texte.mobile_views_arr.forklift_supply_start.done')}}</button>
                                        @if(config('settings.has_barcode_scanner'))
                                        <button type="button" class="btn btn-info" id="scan_barcode" onclick="scanBarcode()">Scan</button>
                                        @endif
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div id="4" hidden style="text-align:center;">
                        <div class="form-group">
                            {{__('texte.mobile_views_arr.forklift_supply_start.no_quantities_found')}}
                        </div>
                    </div>
                </div>
                <div id="2a" 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.forklift_supply_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.forklift_supply_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="product" id="product">
                                        <option value="">{{__('texte.mobile_views_arr.forklift_supply_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.forklift_supply_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.forklift_supply_start.pallet_barcode')}}" value=""/>                                
                                </div>  
                                <div class="input-group col-xs-5 col-sm-5 col-md-5">    
                                    <button id="search" type="button" class="btn btn-success">{{__('texte.mobile_views_arr.forklift_supply_start.search')}}</button>
                                    @if(config('settings.has_barcode_scanner'))
                                    <button type="button" class="btn btn-info" id="scan_barcode" onclick="scanBarcode()" style="margin-left:5px;">Scan</button>
                                    @endif
                                </div>
                            </div>
                            <div class="form-group">   
                                <div style="width:100%;overflow: scroll;max-height:200px;">
                                    <table id="stocks" class="table table-bordered" style="margin-top:10px;">
                                        <thead>
                                            <th>{{__('texte.mobile_views_arr.forklift_supply_start.address')}}</th>
                                            <th>{{__('texte.mobile_views_arr.forklift_supply_start.product')}}</th>
                                            <th>{{__('texte.mobile_views_arr.forklift_supply_start.batch')}}</th>
                                            <th>{{__('texte.mobile_views_arr.forklift_supply_start.quantity_short2')}}</th>
                                            <th>{{__('texte.mobile_views_arr.forklift_supply_start.package')}}</th>
                                            <th>{{__('texte.mobile_views_arr.forklift_supply_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 class='reference'>
            
                </div>                
            </div>
        </div>        
    </div>
</div>


<script src="{{ asset('js/select2.min.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">
    
    var previous_focus;
    
    if(is_barcode_scanner==0){
        $('#start_place_barcode').focus();
    }
                
    previous_focus = 'start_place_barcode';
    
    $(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);
                element.change();
            } // main callback function	
    });
    
    $(document).ready(function(){
        $('#products').select2(); 
        
        $("#place_barcode").on('change',function() {
            if($(this).val()!='' && $(this).val()==$(this).data("barcode")){
                $('#pallet').attr('readonly',false);
                $(this).attr('readonly',true);
                $('#wrong_place').hide();
                $('#correct_place').show();
                
                if(is_barcode_scanner==0){
                    $('#pallet').focus();
                }
                else{
                    previous_focus = 'pallet';
                }
            }
            else{
                $('#wrong_place').show();
                $(this).val('');
                setTimeout(function(){
                    if(is_barcode_scanner==0){
                        $("#place_barcode").focus();
                    }
                    else{
                        previous_focus = 'place_barcode';
                    }
                });
            }
                
        });
        
        $("#pallet").on('change',function() {
            if($(this).val()!='' && $(this).val()==$(this).data("pallet")){
                $('#new_place_address').attr('readonly',false);
                $(this).attr('readonly',true);
                $('#wrong_pallet').hide();
                $('#correct_pallet').show();
                $('.quantity').show();
                
                if(is_barcode_scanner==0){
                    $('#new_address').focus();
                }
                else{
                    previous_focus = 'new_address';
                }
            }
            else{
                $('#wrong_pallet').show();
                $(this).val('');
                
                setTimeout(function(){
                    if(is_barcode_scanner==0){
                        $('#pallet').focus();
                    }
                    else{
                        previous_focus = 'pallet';
                    }
                });
            }
                
        });
        
        $("#new_address").on('change',function(){
            if($(this).val()!='' && $(this).val()==$('#start_place_barcode').val()){
                $('#wrong_new_place').hide();
                $('#correct_new_place').show();
                $('.submit').attr('disabled',false);
            }
            else{
                $('#wrong_new_place').show();
                $('#correct_new_place').hide();
                $('.submit').attr('disabled',true);
                $(this).val('');
                setTimeout(function(){
                    if(is_barcode_scanner==0){
                        $('#new_address').focus();
                    }
                    else{
                        previous_focus = 'new_address';
                    }  
                });
            }
        });
        
        $("#quantity").on('change',function() {
            if($(this).val()!='' && $(this).val()<=$(this).attr("max")){
                setTimeout(function(){
                    if(is_barcode_scanner==0){
                        $('#new_address').focus();
                    }
                    else{
                        previous_focus = 'new_address';
                    }
                });
            }
            else{
                setTimeout(function(){
                    if(is_barcode_scanner==0){
                        $('#quantity').focus();
                    }
                    else{
                        previous_focus = 'quantity';
                    }
                });
            }
                
        });
        
        $(document).on('click','#place_stocks tr',function(){
            get_stocks_to_unlock($(this).find('.product_id').val());            
        });
        
        $(document).on('change','#products', function(){
            if($(this).val()!=''){
                get_stocks_to_unlock($(this).val());
            }
        });
        
        $('#new_supply_btn').on('click', function(){
            $('#1').show();
            $('#start_place_barcode').val('');
            $('#2').hide();
            $('#3').hide();
            $('#4').hide();
            setTimeout(function(){
                if(is_barcode_scanner==0){
                    $('#start_place_barcode').focus();
                }
                else{
                    previous_focus = 'start_place_barcode';
                }
           });
        });
        
        $('#start_place_barcode').on('change',function(){
           $('#place_stocks tbody tr').remove();
           if($('#start_place_barcode').val()!=''){
               var place_barcode = $('#start_place_barcode').val();
               
                $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: '/get_place_stocks',
                            type: 'POST',
                    data: { 'place_barcode' : place_barcode},
                    success: function(response){
                                if(response.warning){
                                    alert(response.warning);
                                }
                                else{
                                    if(response.length>0){
                                        for(let i in response){
                                            let row = '<tr><td><input type="hidden" class="product_id" value="'+response[i].product_id+'"/>'+response[i].name+'</td><td>'+parseFloat(response[i].quantity).toFixed(0)+'</td><td>брой</td></tr>';
                                            $('#place_stocks tbody').append(row);
                                        }
                                    }
                                    else{
                                        let row = '<tr><td colspan="3">На това място не бяха намерени продукти</td></tr>';
                                        $('#place_stocks tbody').append(row);
                                    }
                                    $('#1').hide();
                                    $('#2').show();
                                    
                                    if(is_barcode_scanner==0){
                                        $('#scanned_product_barcode').focus();
                                    }
                                    else{
                                        previous_focus = 'scanned_product_barcode';
                                    }
                                }
                            }
                });
           } 
        });
        
        
        $('#scanned_product_barcode').on('change', 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('Не са намерени продукти');
                                $('#products').val('');
                            }
                            else{
                                if(response.length==1){
                                    $('#products').val(response[0].id).change();
                                }
                                else{
                                    $('#product_options tbody tr').remove();
                                    for(var i in response){
                                        var row = "<tr><td data-id='"+response[i].id+"'>"+response[i].name+"</td></tr>";
                                        $('#product_options tbody').append(row);
                                    }
                                    $('.choose_product').show();
                                }
                            }
                        }
                });

            }
        });
        
        
        $(document).on('click','#product_options tbody tr', function(){
            $('.choose_product').hide();

            $('#products').val($(this).find('td').attr('data-id')).change();                            
        });
        
        
        $('#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('Не са намерени продукти');
                                        $('#product').val('').trigger('change');
                                    }
                                    else{
                                        if(response.length==1){
                                            $('#product').val(response[0].id).trigger('change');
                                        }
                                        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{
                $('#product').val('').trigger('change');
            }
        });

        $(document).on('click','#reference_product_options tbody tr', function(){
            $('#product').val($(this).find('td').attr('data-id')).trigger('change');  
            $('.reference_choose_product').hide();
        });
        
        $('#storage,#product').select2();
    
        $('#reference').on('click',function(){
           $(this).hide(); 
           $('#1a').hide();
           $('#supply').show();
           $('#new_supply_btn').hide();
           $('.panel-title.reference').show();
           $('.panel-title.supply').hide();
           $('#2a').show();
           setTimeout(function(){
                if(is_barcode_scanner==0){
                    $('#address').focus();
                }
                else{
                    previous_focus = 'address';
                }
           });
        });

        $('#supply').on('click',function(){
           $(this).hide(); 
           $('#2a').hide();
           $('.panel-title.reference').hide();
           $('.panel-title.supply').show();
           $('#new_supply_btn').show();
           $('#reference').show();
           $('#1a').show();
           setTimeout(function(){
                if(is_barcode_scanner==0){
                    $('#start_place_barcode').focus();
                }
                else{
                    previous_focus = 'start_place_barcode';
                }
           });
        });

        $('#search').on('click', function(){
            let storage = $('#storage').val();
            let address = $('#address').val();
            let product = $('#product').val();
            let pallet = $('#pallet').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){
                                        
                                        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].quantity+"</td><td>брой</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_unfinished_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);
    });
    
    function get_stocks_to_unlock(product_id){
    
        $('.old_place_barcode_span span').text('');
        $('.place_barcode_span span').text('');
        $('.pallet_barcode_span span').text('');
        $('.total_quantity_span span').text('');
        $('.supply_product_span span').text('');
        $('.ordered_quantity_span span').text('');
        $('#place_barcode').attr('data-barcode','').val('');
        $('#pallet').attr('data-pallet','').val('');
        $('#quantity').attr('data-quantity','').attr('max','').val('');
        $('#form-update').attr('action','');
        $('.measure').text('');
        $('#measure').val('');
        $('#products').val('').trigger('change');


        var product_id = product_id;
        var place_barcode = $('#start_place_barcode').val();
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/get_stock_to_unlock',
                    type: 'POST',
            data: { 'product_id' : product_id,
                    'place_barcode' : place_barcode},
            success: function(response){
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            if (response.id){
                                let quantity = response.quantity;
                                let quantity_ordered = response.quantity_ordered;
                                $('#form-update').attr('action','/stocks/'+response.id+'/unlock');
                                $('.old_place_barcode_span span').text(place_barcode);
                                $('.place_barcode_span span').text(response.barcode);
                                $('.supply_product_span span').text(response.name);
                                $('.pallet_barcode_span span').text(response.pallet);
                                $('.total_quantity_span span').text(quantity);
                                $('.ordered_quantity_span span').text(quantity_ordered);
                                $('#place_barcode').attr('data-barcode',response.barcode);
                                $('#pallet').attr('data-pallet',response.pallet);
                                $('#quantity').attr('data-quantity',quantity).attr('max',quantity).val(quantity);
                                $('.measure').text('(брой)');
                                $('#2').hide();
                                $('#3').show();
                                setTimeout(function(){
                                    if(is_barcode_scanner==0){
                                        $('#place_barcode').focus();
                                    }
                                    else{
                                        previous_focus = 'place_barcode';
                                    }
                                });
                            }
                            else{
                                $('#2').hide();
                                $('#4').show();
                            }
                        }
                    }
        });
    }
    
    $( "input" ).on('focus',function() {
        previous_focus = $(this).attr('id');
    });
    
    function getBarcodeValue(result) {
        $('#'+previous_focus).val(result).change();
    };  
</script>
@endsection