@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="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">{{__('texte.stock_inputs_arr.create.stock_input_create')}}</h3>
                <div class="pull-right">
                    <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.stock_inputs_arr.create.stock_inputs')}}</button>
                </div>
            </div>

            <div class="panel-body">
                <form id="stock_input_create" method="POST" action="{{ route('stock_inputs.store') }}" class="form form-horizontal" novalidate>
                    {{ csrf_field() }}
                    
                    <fieldset>
                        <div class="form-group row {{ $errors->has('supplier_id') ? ' has-error' : '' }}">
                            <label for="supplier" class="col-sm-2 col-form-label">{{__('texte.stock_inputs_arr.create.supplier')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="supplier" name="supplier_id" required autofocus>
                                    <option value="">{{__('texte.stock_inputs_arr.create.supplier')}}</option>
                                    @foreach($suppliers as $supplier)
                                        <option value="{{$supplier->id}}">{{$supplier->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('supplier_id'))
                                    <span class="help-block"><strong>{{ $errors->first('supplier_id') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('date') ? ' has-error' : '' }}">
                            <label for="date" class="col-sm-2 col-form-label">{{__('texte.stock_inputs_arr.create.date')}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="date" name="date" value="{{ old('date', date('d.m.Y')) }}" placeholder="{{__('texte.stock_inputs_arr.create.date')}}" maxlength="10" required/>
                                @if ($errors->has('date'))
                                    <span class="help-block"><strong>{{ $errors->first('date') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('note') ? ' has-error' : '' }}">
                            <label for="note" class="col-sm-2 col-form-label">{{__('texte.stock_inputs_arr.create.note')}}</label>
                            <div class="col-sm-8">
                                <textarea class="form-control" id="note" name="note" placeholder="{{__('texte.stock_inputs_arr.create.note')}}">{{ old('note') }}</textarea>
                                @if ($errors->has('note'))
                                    <span class="help-block"><strong>{{ $errors->first('note') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('storage') ? ' has-error' : '' }}">
                            <label for="storage" class="col-sm-2 col-form-label">{{__('texte.stock_inputs_arr.create.storage')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="storage" name="storage_id">
                                    @foreach($storages as $storage)
                                        <option value="{{$storage->id}}">{{$storage->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('storage'))
                                    <span class="help-block"><strong>{{ $errors->first('storage') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('product') || $errors->has('stocks.0.product') ? ' has-error' : '' }}">
                            <label for="product" class="col-sm-2 col-form-label">{{__('texte.stock_inputs_arr.create.product')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="product" name="product">
                                    <option value="">{{__('texte.stock_inputs_arr.create.product')}}</option>
                                    @foreach($products->where('is_wrappage',0) as $product)
                                        <option value="{{$product->id}}">{{$product->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('product'))
                                    <span class="help-block"><strong>{{ $errors->first('product') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group row">
                            <label for="autocomplete_product" class="col-sm-2 col-form-label">{{__('texte.stock_inputs_arr.create.product_search')}}</label>
                            <div class="col-sm-8">
                                <div class="ui-widget">
                                    <input placeholder="{{__('texte.stock_inputs_arr.create.product_search')}}" class="form-control autocomplete" value="">
                                </div>
                            </div>
                        </div>

                        <div class="form-group row {{ isset($errors) && count($errors)>0 ? ' has-error' : '' }}">
                            <label for="stocks" class="col-sm-2 col-form-label">{{__('texte.stock_inputs_arr.create.products')}}</label>
                            <div class="col-sm-8">
                                <table id="stocks" class="table table-bordered table-striped table-hover">
                                    <thead>
                                        <tr>
                                            <th style="width: 18%">{{__('texte.stock_inputs_arr.create.title')}}</th>
                                            <th style="width: 14%">{{__('texte.stock_inputs_arr.create.quantity')}}</th>
                                            <th style="width: 11%">{{__('texte.stock_inputs_arr.create.measure')}}</th>
                                            <th style="width: 13%">{{__('texte.stock_inputs_arr.create.place')}}</th>
                                            <th style="width: 13%">{{__('texte.stock_inputs_arr.create.pallet')}}</th>
                                            <th style="width: 13%">{{__('texte.stock_inputs_arr.create.batch')}}</th>
                                            <th style="width: 13%">{{__('texte.stock_inputs_arr.create.expiry_date')}}</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>
                        
                        <div class="form-group row">
                            <div class="col-sm-12" style='text-align: center;'>
                                <button type="button" class="btn btn-success" onclick="calculate_wrappage()">{{__('texte.stock_inputs_arr.create.calculate_wrappage')}}</button>
                                <button type="submit" class="btn btn-primary">{{__('texte.stock_inputs_arr.create.add')}}</button>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            
            <div class="panel-footer"></div>
        </div>
    </div>
</div>


<script src="{{ asset('js/select2.min.js') }}"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/datepicker-bg.js') }}"></script>
<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>    


<script type="text/javascript" charset="utf-8">
var products = {!! json_encode($products->keyBy('id')) !!};   
var packages = {!! json_encode($packages->keyBy('id')) !!};
var measures = {!! json_encode(__('texte.short_units_arr')) !!};
var places = {!! json_encode($places->keyBy('id')) !!};
var place_options;

$(document).ready(function(){    
    
    $('#supplier,#storage,#product').select2();
    
    $('#date').datepicker({});    
    
    $('#product').on('change', function(){
        var product_id = $(this).val();
        if(product_id!==''){
            add_stock(product_id);
        }
    });
    
    $('#storage').on('change', function(){
        
        $('table#stocks > tbody >tr').remove();
        
        var storage_id = $(this).val();
        
        if(storage_id!==''){
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_storage_places',
                type: 'POST',
                data: {'storage_id' : storage_id},

                success: function(response) {
                    place_options='';
                    for (var i in response) {
                        place_options += '<option value="' + response[i].id + '">' + response[i].address + '</option>';
                    }
                }
            });
        }
    });
    
    $(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);
        };
    });
    
    $(window).keydown(function(event){
        if(event.keyCode == 13) {
            event.preventDefault();
            return false;
        }
    });
}); 

function calculate_wrappage(){
    $('.is_wrappage[value!=0]').each(function(){
        $(this).closest('tr').find('.quantity').val('0');
    });
    
    $('.is_wrappage[value=0]').each(function(){
        if($(this).closest('tr').find('.is_intangible').length==0 || $(this).closest('tr').find('.is_intangible').val()==0){
            var stock = $(this).closest('tr').find('.quantity').attr('id').replace("quantity_", "");
            var quantity = $('#measure_'+stock).val()==0 ? $('#quantity_'+stock).val() : ($('#measure_'+stock).val()==1 ? $('#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'))));
        }
    });
}

</script>

<script src="{{ asset('js/stock_input.js') }}"></script>

@endsection