@extends('layouts.app')

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

@section('content')
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">

                <div class="panel-heading">
                    <h3 class="panel-title">
                        {{ $doc_type->title }}
                        <div class="pull-right">
                            <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.documents_arr.return_create.back')}}</button>
                        </div>
                    </h3>
                </div>

                <div class="panel-body">
                    <form id="return_create" method="POST" action="{{ route('documents.store', $doc_type->id) }}" class="form form-horizontal" novalidate>
                        {{ csrf_field() }}
                        <input type="hidden" name="parent" value="{{ $parent }}" />
                        <input type="hidden" id="doc_type" name="doc_type" value="{{$doc_type->id}}" />
                        
                        @if ($contragents->isNotEmpty())
                            @permission('document-form-contragent-read')
                            <div class="form-group{{ $errors->has('contragent') ? ' has-error' : '' }}">
                                <label for="contragent" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.return_create.supplier')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                        <select class="form-control" id="contragent" name="contragent" required autofocus 
                                            @nonepermission('document-form-contragent-write')
                                                readonly 
                                            @endnonepermission
                                        ></select>
                                        @if ($errors->has('contragent'))
                                            <span class="help-block"><strong>{{ $errors->first('contragent') }}</strong></span>
                                        @endif
                                        <div class="errorBox"></div>
                                    </div>
                                </div>
                                @endpermission
                        @endif

                        @if ($objects->isNotEmpty())
                            @permission('document-form-object-read')
                            <div class="form-group{{ $errors->has('object') ? ' has-error' : '' }}">
                                <label for="object" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.return_create.object')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                    <select class="form-control" id="object" name="object" required autofocus 
                                        @nonepermission('document-form-object-write')
                                            readonly 
                                        @endnonepermission
                                    ></select>
                                    @if ($errors->has('object'))
                                        <span class="help-block"><strong>{{ $errors->first('object') }}</strong></span>
                                    @endif
                                    <div class="errorBox"></div>
                                </div>
                            </div>
                            @endpermission
                        @endif

                        @if ($users->isNotEmpty())
                            @permission('document-form-user-read')
                            <div class="form-group{{ $errors->has('user') ? ' has-error' : '' }}">
                                <label for="user" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.return_create.driver')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                    <select class="form-control" id="user" name="user" required autofocus 
                                        @nonepermission('document-form-user-write')
                                            readonly 
                                        @endnonepermission
                                    ></select>
                                    @if ($errors->has('user'))
                                        <span class="help-block"><strong>{{ $errors->first('user') }}</strong></span>
                                    @endif
                                    <div class="errorBox"></div>
                                </div>
                            </div>
                            @endpermission
                        @endif

                        @permission('document-form-date-read')
                        <div class="form-group{{ $errors->has('date') ? ' has-error' : '' }}">
                            <label for="date" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.return_create.date')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                <input type="text" class="form-control" id="date" name="date" value="{{ old('date', date('d.m.Y')) }}" placeholder="{{__('texte.documents_arr.return_create.date')}}" maxlength="10" required readonly />
                                @if ($errors->has('date'))
                                    <span class="help-block"><strong>{{ $errors->first('date') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('document-form-note-read')
                        <div class="form-group{{ $errors->has('note') ? ' has-error' : '' }}">
                            <label for="note" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.return_create.note')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
                                <textarea class="form-control" id="note" name="note" placeholder="{{__('texte.documents_arr.return_create.note')}}" 
                                    @nonepermission('document-form-note-write')
                                        readonly 
                                    @endnonepermission
                                >{{ old('note') }}</textarea>
                                @if ($errors->has('note'))
                                    <span class="help-block"><strong>{{ $errors->first('note') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('document-form-storage-read')
                        <div class="form-group{{ $errors->has('storage') ? ' has-error' : '' }}">
                            <label for="storage" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.return_create.storage')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-home"></i></span>
                                <select class="form-control" id="storage" name="storage" 
                                    @nonepermission('document-form-storage-write')
                                        readonly 
                                    @endnonepermission
                                ></select>
                                @if ($errors->has('storage'))
                                    <span class="help-block"><strong>{{ $errors->first('storage') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('document-form-product-read')
                        <div class="form-group{{ $errors->has('product') || $errors->has('stocks.0.product') ? ' has-error' : '' }}">
                            <label for="product" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.return_create.product')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-ice-lolly-tasted"></i></span>
                                <select class="form-control" id="product" name="product" 
                                    @nonepermission('document-form-product-write')
                                        readonly 
                                    @endnonepermission
                                ></select>
                                @if ($errors->has('product'))
                                    <span class="help-block"><strong>{{ $errors->first('product') }}</strong></span>
                                @endif
                                @if ($errors->has('stocks.0.product'))
                                    <span class="help-block"><strong>{{ $errors->first('stocks.0.product') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        <div class="form-group" >
                            <label for="autocomplete_product" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.return_create.short_barcode')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-ice-lolly-tasted"></i></span>
                                <div class="ui-widget">
                                    <input placeholder="{{__('texte.documents_arr.return_create.product_barcode')}}" class="form-control autocomplete" value="">
                                </div>
                            </div>
                        </div>

                        @permission('document-form-stocks-read')
                        <div class="form-group">
                            <label for="stocks" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.documents_arr.return_create.products')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <table id="stocks" class="table table-bordered table-striped table-hover">
                                    <thead>
                                        <tr>
                                            <th style='width:26%'>{{__('texte.documents_arr.return_create.title')}}</th>
                                            <th style='width:11%'>{{__('texte.documents_arr.return_create.quantity')}}</th>
                                            <th style='width:10%'>{{__('texte.documents_arr.return_create.measure')}}</th>
                                            <th style="width: 11%" {{config('sklad.wms')==false ? 'hidden' : ''}}>{{__('texte.documents_arr.return_create.place')}}</th>
                                            <th style="width: 13%" {{config('sklad.wms')==false ? 'hidden' : ''}}>{{__('texte.documents_arr.return_create.pallet')}}</th>
                                            <th style='width:12%'>{{__('texte.documents_arr.return_create.batch')}}</th>
                                            <th style='width:12%'>{{__('texte.documents_arr.return_create.expiry')}}</th>
                                            <th style='width:5%' data-sorter="false"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        
                                    </tbody>
                                </table>
                                @if ($errors)
                                    <span class="help-block"><strong>{{ $errors->first() }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        <div class="form-group">
                            <div class="col-xs-12 col-xs-offset-5 col-sm-12 col-sm-offset-5 col-md-12 col-md-offset-5">
                                <button type="button" class="btn btn-success" title='{{__('texte.documents_arr.return_create.calculate_wrappage')}}' onclick="calculate_wrappage()">{{__('texte.documents_arr.return_create.calculate_wrappage')}}</button>
                                <button type="submit" class="btn btn-primary" @nonepermission('document-route-create') disabled @endnonepermission>{{__('texte.documents_arr.return_create.add')}}</button>
                            </div>
                        </div>

                    </form>
                </div>        
                <div id="batch_modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 id="modal-label" class="modal-title">{{__('texte.documents_arr.output_create.batches')}}</h4>
                            </div>
                            <div class="modal-body">
                                <h4>{{__('texte.documents_arr.output_create.select_batch')}}</h4>

                                <div class="form-inline">
                                    <div class="panel-body">
                                        <div class="table-responsive"> 
                                            <input type="hidden" id="selected_stock" value=""/>
                                            <table class="table table-bordered batches_table" width="100%">
                                                <thead>
                                                    <tr>
                                                        <th>{{strtoupper(__('texte.documents_arr.output_create.id'))}}</th>
                                                        <th>{{__('texte.documents_arr.output_create.place')}}</th>
                                                        <th>{{__('texte.documents_arr.output_create.pallet')}}</th>
                                                        <th>{{__('texte.documents_arr.output_create.batch')}}</th>
                                                        <th>{{__('texte.documents_arr.output_create.quantity')}}</th>
                                                        <th>{{__('texte.documents_arr.output_create.expiring_date')}}</th>
                                                        <th>{{__('texte.documents_arr.output_create.actions')}}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/form.map.js') }}"></script>
<script src="{{ asset('js/jquery.tablesorter.min.js') }}"></script>
<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/document.js') }}"></script>
<script src="{{ asset('js/document.return.js') }}"></script>
<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script src="{{ asset('js/BarcodeParser.js') }}"></script> 
    
<script type="text/javascript" charset="utf-8">
    
$(document).ready(function(){    

    var contragents = {!! $contragents->toJSON() !!}, objects = {!! $objects->toJSON() !!}, users = {!! $users->toJSON() !!};
    Form.select(contragents, '#contragent', '{{ old('contragent') }}', ' ');
    $('select#contragent').chosen({allow_single_deselect: true, search_contains: true, no_results_text: 'Няма намерени', placeholder_text_single: '--- Контрагент ---'});
    new Document_Return({!! $products->toJSON() !!}, {!! $intangibles->toJSON() !!}, {!! $stocks->toJSON() !!}, {!! $storages->toJSON() !!}, '{{ old('storage', $storage_id) }}', {!! $places->toJSON() !!}, {!! '"'.$doc_type->title.'"' !!} );

    $('#storage').chosen();

   
    $(document).on('input','.number' ,function() {
        //$(this).val($(this).val().match(/^\d{1,}$/));
        var valid = /^\d+$/.test(this.value),
        val = this.value;
    
        if(!valid){
            this.value = val.substring(0, val.length - 1);
        }
    });
    
    $(document).on('focus', '.autocomplete', function () {
        var element = $(this);
        
        element.autocomplete({
            source: function( request, response ) {            
                if(request.term.length>3){  
                    $.ajax({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_input_autocomplete_products',
                        type: 'POST',
                        data: {'product' : request.term},

                        success: function(data) {
                          response( data);
                        }
                    });
                }               
            },
            select:function(e,ui)
            {
                $('#product').val(ui.item.id).change();
                $('.autocomplete').val('');
            },
            response: function(event, ui) {

              if(ui.content.length === 1) {
                ui.item = ui.content[0];
                $(this).data('ui-autocomplete')._trigger('select', 'autocompleteselect', ui);
                $(this).autocomplete('close');
                $('.autocomplete').val('');
              }
            }
        }).data("ui-autocomplete")._renderItem = function (ul, item) {
                return $("<li></li>")
                    .data("ui-autocomplete-item", item)
                    .append("<table class='results_table' width='100%'><tr><td width='60%'>" + item.name + "</td></tr></table>")
                    .appendTo(ul);
        };
    });
    
    $(document).on('click','.stock_batch', function(){
        var j = $(this).attr('data-id');
        var product = $(this).closest('tr').find('.product').val();
        var storage = $('#storage').val();
        get_stocks(product,storage,j);                
    });
    
    
    $(document).on('click','.delete-btn', function(){
        $(this).closest('tr').remove();                
    });
    
    $(document).on('change','.hasDatepicker', function(){
        var selectedDate = $(this).datepicker('getDate');
        var now = new Date();
        now.setHours(0,0,0,0);
        if (selectedDate < now) {
          alert('Стоката е с изтекла годност !');
        } 
    });

}); 

    function get_stocks(product, storage, row){
        
        $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_product_stocks',
                type: 'POST',
                data: {'product' : product,
                       'storage' : storage
                                            },
                success: function(response){
                            $('#batch_modal').find('.batches_table tbody').html('');
                            $('#selected_stock').val(row);
                            if(response.length>0){
                                for (var i in response){
                                    var this_quantity = 0;
                                    $('[data-batch="'+response[i].id+'"]').each(function(){
                                        var this_row = $(this).attr('id').replace('batch_','');
                                        this_quantity+= parseFloat($('#quantity_'+this_row).val() * ($('#measure_'+this_row).val()==1 ? 1 : ($('#measure_'+this_row).val()==0 ? $('input[name="stocks['+this_row+'][package_count]"]').val() : $('input[name="stocks['+this_row+'][pallet_count]"]').val())));
                                    });
                                    if(response[i].quantity-this_quantity > 0){
                                        $('#batch_modal').find('.batches_table tbody').append('<tr><td>'+response[i].id+'</td><td>'+response[i].place_address+'</td><td>'+response[i].pallet+'</td><td>'+response[i].batch+'</td><td>'+(response[i].quantity-this_quantity)+'</td><td>'+response[i].expiring_date+'</td><td><button class="btn btn-info" title="Избери" data-toggle="tooltip" onclick="select_batch('+response[i].id+')"><i class="glyphicon glyphicon-check"></i></button></td></tr>');
                                    }
                                }
                                $('#batch_modal').modal('toggle');
                            }
                            else{
                                alert('Няма такива партиди');
                            }
                        }
        });
    }    
    
    function select_batch(id){
        $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_stock',
                type: 'POST',
                data: {'id' : id,
                },
                success: function(response){
                            var row = parseFloat($('#selected_stock').val());

                            var this_quantity = 0;
                            $('[data-batch="'+id+'"]').each(function(){
                                var this_row = $(this).attr('id').replace('batch_','');
                                this_quantity+= parseFloat($('#quantity_'+this_row).val() * ($('#measure_'+this_row).val()==1 ? 1 : ($('#measure_'+this_row).val()==0 ? $('input[name="stocks['+this_row+'][package_count]"]').val() : $('input[name="stocks['+this_row+'][pallet_count]"]').val())));
                            });
                            
                            var row_quantity = parseFloat($('#quantity_'+row).val() * ($('#measure_'+row).val()==1 ? 1 : ($('#measure_'+row).val()==0 ? $('input[name="stocks['+row+'][package_count]"]').val() : $('input[name="stocks['+row+'][pallet_count]"]').val())));
                            
                            if(response.quantity-this_quantity >= row_quantity ){
                                $('#place_'+row).attr('data-place',response.id).val(response.place_id).trigger('chosen:updated');
                                $('#pallet_'+row).attr('data-pallet',response.id).val(response.pallet);
                                $('#batch_'+row).attr('data-batch',response.id).val(response.batch);
                                $('#date_'+row).val(response.expiring_date).change();
                                $('#batch_modal').modal('toggle');
                            }
                            else{
                                var max = $('input[id^="stocks_"]').filter(function(){return this.id.match(/\d+$/);}).get().reduce(function(a, b){
                                                                            return Math.max(a, b.id.replace(/[^0-9\.]+/g, ""))
                                                                        }, Number.NEGATIVE_INFINITY);                               
                                var old_row = $('#stocks_'+row).closest('tr');                                
                                var new_row = $(old_row).clone(); 
                                
                                $(new_row).find('*').each(function () {
                                    if(typeof $(this).attr('id')!='undefined'){
                                        $(this).attr('id',$(this).attr('id').replace(row,max+1));
                                    }
                                    if(typeof $(this).attr('name')!='undefined'){
                                        $(this).attr('name',$(this).attr('name').replace("stocks["+row+"]","stocks["+(max+1)+"]"));
                                    }
                                    if(typeof $(this).attr('data-id')!='undefined'){
                                        $(this).attr('data-id',$(this).attr('data-id').replace(row,max+1));
                                    }
                                });
                                $('#quantity_'+row).val((response.quantity-this_quantity)/($('#measure_'+row).val()==1 ? 1 : ($('#measure_'+row).val()==0 ? $('input[name="stocks['+row+'][package_count]"]').val() : $('input[name="stocks['+row+'][pallet_count]"]').val())));
                                $(old_row).after(new_row);
                                $('#quantity_'+(max+1)).val(parseFloat(parseFloat($('#quantity_'+(max+1)).val()) - $('#quantity_'+row).val()));
                                $('#place_'+row).attr('data-place',response.id).val(response.place_id).trigger('chosen:updated');
                                $('#pallet_'+row).attr('data-pallet',response.id).val(response.pallet);
                                $('#batch_'+row).attr('data-batch',response.id).val(response.batch);
                                $('#date_'+row).val(response.expiring_date).change();
                                $('#batch_modal').modal('toggle');
                            }
                        }
        });
    }

    function calculate_wrappage(){
        $('.is_wrappage[value!=0]').each(function(){
            $(this).closest('tr').find('.quantity').val('0');
        });

        $('.is_wrappage[value=0]').each(function(){
            var stock = $(this).closest('tr').find('.quantity').attr('id').replace("quantity_", "");
            var quantity = $('#measure_'+stock).val()==1 ? $('#quantity_'+stock).val() : ($('#measure_'+stock).val()==0 ? $('#quantity_'+stock).val()*$('input[name="stocks['+stock+'][wrappage_package_id]"]').attr('data-quantity') : $('#quantity_'+stock).val()*$('input[name="stocks['+stock+'][wrappage_pallet_id]"]').attr('data-quantity'));
            $('.product[value="'+$(this).closest('tr').find('.wrappage_piece_id').val()+'"]').closest('tr').find('.quantity').val(parseFloat($('.product[value="'+$(this).closest('tr').find('.wrappage_piece_id').val()+'"]').closest('tr').find('.quantity').val())+ parseFloat(quantity));
            $('.product[value="'+$(this).closest('tr').find('.wrappage_package_id').val()+'"]').closest('tr').find('.quantity').val(Math.floor(parseFloat($('.product[value="'+$(this).closest('tr').find('.wrappage_package_id').val()+'"]').closest('tr').find('.quantity').val())+ parseFloat(quantity/$('input[name="stocks['+stock+'][wrappage_package_id]"]').attr('data-quantity'))));
            $('.product[value="'+$(this).closest('tr').find('.wrappage_pallet_id').val()+'"]').closest('tr').find('.quantity').val(Math.floor(parseFloat($('.product[value="'+$(this).closest('tr').find('.wrappage_pallet_id').val()+'"]').closest('tr').find('.quantity').val())+ parseFloat(quantity/$('input[name="stocks['+stock+'][wrappage_pallet_id]"]').attr('data-quantity'))));

        });
    }
    
    $(document).ready(function() {
        $(window).keydown(function(event){
            if(event.keyCode == 13) {
                event.preventDefault();
                return false;
            }
        });
    });
</script>
@endsection