@extends('layouts.app')

@section('link')
    <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_transfers_arr.edit.transfer_edit') }}</h3>
                <div class="pull-right">
                    <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.stock_transfers_arr.edit.back')}}</button>
                </div>                
            </div>

            <div class="panel-body">
                <form id="transfer_create" method="POST" action="{{ route('stock_transfers.update',$stock_transfer->id) }}" class="form form-horizontal" novalidate>
                    {{ method_field('PATCH') }}
                    {{ csrf_field() }}

                    <input type='hidden' id='stock_transfer' value='1'/>

                    <fieldset>
                        <div class="form-group row {{ $errors->has('date') ? ' has-error' : '' }}">
                            <label for="date" class="col-sm-2 col-form-label">{{__('texte.stock_transfers_arr.edit.date')}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="date" name="date" value="{{ old('date', date("d.m.Y",strtotime($stock_transfer->date))) }}" placeholder="{{__('texte.stock_transfers_arr.edit.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>

                        <div class="form-group row {{ $errors->has('note') ? ' has-error' : '' }}">
                            <label for="note" class="col-sm-2 col-form-label">{{__('texte.stock_transfers_arr.edit.note')}}</label>
                            <div class="col-sm-8">
                                <textarea class="form-control" id="note" name="note" placeholder="{{__('texte.stock_transfers_arr.edit.note')}}">{{ old('note',$stock_transfer->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_old') ? ' has-error' : '' }}">
                            <label for="storage_old" class="col-sm-2 col-form-label">{{__('texte.stock_transfers_arr.edit.storage_from')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="storage_old" name="storage_old">  
                                    @foreach($storages as $storage)
                                    <option value="{{$storage->id}}" {{$storage->id==$stock_transfer->storage_from_id ? "selected" : ""}}>{{$storage->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('storage_old'))
                                    <span class="help-block"><strong>{{ $errors->first('storage_old') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('storage_new') ? ' has-error' : '' }}">
                            <label for="storage_new" class="col-sm-2 col-form-label">{{__('texte.stock_transfers_arr.edit.storage_to')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="storage_new" name="storage_new">
                                    @foreach($storages as $storage)
                                    <option value="{{$storage->id}}" {{$storage->id==$stock_transfer->storage_to_id ? "selected" : ""}}>{{$storage->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('storage_new'))
                                    <span class="help-block"><strong>{{ $errors->first('storage_new') }}</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_transfers_arr.edit.product')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="product" name="product">
                                    <option value="">--- {{__('texte.stock_transfers_arr.edit.product')}} ---</option>
                                    @foreach($products 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
                                @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>

                        <div class="form-group row">
                            <label for="stocks" class="col-sm-2 col-form-label">{{__('texte.stock_transfers_arr.edit.products')}}</label>
                            <div class="col-sm-8">
                                <table id="stocks" class="table table-bordered table-striped table-hover">
                                    <thead>
                                        <tr>
                                            <th style="width:10%">{{__('texte.stock_transfers_arr.edit.place_from')}}</th>
                                            <th style="width:10%">{{__('texte.stock_transfers_arr.edit.place_to')}}</th>
                                            <th style="width:20%">{{__('texte.stock_transfers_arr.edit.product')}}</th>
                                            <th style="width:13%">{{__('texte.stock_transfers_arr.edit.quantity')}}</th>
                                            <th style="width:14%">{{__('texte.stock_transfers_arr.edit.pallet')}}</th>
                                            <th style="width:14%">{{__('texte.stock_transfers_arr.edit.batch')}}</th>
                                            <th style="width:13%">{{__('texte.stock_transfers_arr.edit.expiry')}}</th>
                                            <th data-sorter="false"  style="width:6%"><button type="button" class="btn btn-primary btn-xs add" title="{{__('texte.stock_transfers_arr.edit.add')}}" data-toggle="tooltip"><i class="glyphicon glyphicon-plus"></i></button></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">
                            <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-info" title='{{__('texte.stock_transfers_arr.edit.calculate_wrappage')}}' onclick="calculate_wrappage()">{{__('texte.stock_transfers_arr.edit.calculate_wrappage')}}</button>
                                <button type="submit" class="btn btn-primary">{{__('texte.stock_transfers_arr.edit.change')}}</button>
                            </div>
                        </div>
                    </fieldset>
                </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.stock_transfers_arr.edit.batches')}}</h4>
                        </div>
                        <div class="modal-body">
                            <h4>{{__('texte.stock_transfers_arr.edit.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.stock_transfers_arr.edit.id'))}}</th>
                                                    <th>{{__('texte.stock_transfers_arr.edit.place')}}</th>
                                                    <th>{{__('texte.stock_transfers_arr.edit.pallet')}}</th> 
                                                    <th>{{__('texte.stock_transfers_arr.edit.batch')}}</th>                                                        
                                                    <th>{{__('texte.stock_transfers_arr.edit.quantity')}}</th>
                                                    <th>{{__('texte.stock_transfers_arr.edit.expiring_date')}}</th>
                                                    <th>{{__('texte.stock_transfers_arr.edit.actions')}}</th>
                                                </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </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 src="{{ asset('js/jquery.tablesorter.min.js') }}"></script>


<script type="text/javascript" charset="utf-8">
var products = {!! json_encode($products->keyBy('id')) !!};
var measures = {!! json_encode(__('texte.short_units_arr')) !!};
var places = {!! json_encode($places->keyBy('id')) !!};
var stocks = {!! isset($stocks) ? json_encode($stocks) : json_encode([]) !!}
var placeOldOptions;   
var placeNewOptions;   
   
   $(document).ready(function(){
       
        $('#storage_old,#storage_new,#product').select2();
        $('.place_old,.place_new,.product').select2();
        
        $('#date').datepicker({});    
    
        $('#product').on('change', function(){
            var product_id = $(this).val();
            if(product_id!==''){
                add_row(product_id);
            }
        });
        
        $('select#storage_old').change(function() {
            
            $('table#stocks > tbody >tr').remove();
            
            var storage_id = $(this).val();
            placeOldOptions = '';            
            
            $.ajax({
                 headers: {
                         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                         },
                         url: '/get_storage_places',
                         type: 'POST',
                         async:false,
                 data: { 'storage_id' : storage_id},
                 async:false,
                 success: function(response){
                             for (let i in response) {
                                placeOldOptions += '<option value="' + response[i].id + '">' + response[i].address + '</option>';
                            }
                            $('.place_from').html(placeOldOptions);
                         }
             });
        }).change();
        
        $('select#storage_new').change(function() {   
            
            $('table#stocks > tbody >tr').remove();
            
            var storage_id = $(this).val();
            placeNewOptions = '';
            
            $.ajax({
                 headers: {
                         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                         },
                         url: '/get_storage_places',
                         type: 'POST',
                         async:false,
                 data: { 'storage_id' : storage_id},
                 async:false,
                 success: function(response){
                             for (let i in response) {
                                placeNewOptions += '<option value="' + response[i].id + '">' + response[i].address + '</option>';
                            }
                            $('.place_to').html(placeNewOptions);
                         }
             });
        }).change();

        $('.number').on('input', 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);
            }
        });


        $('.amount').on('input', function() {
            //$(this).val($(this).val().match(/^\d+\.?\d{0,5}$/));
            var valid = /^\d+\.?\d{0,5}$/.test(this.value),
            val = this.value;

            if(!valid){
                this.value = val.substring(0, val.length - 1);
            }
        });
        
        $('.add').on('click',function(){
            if($('#product').val()!=''){
                var i = $('#product').children('option:selected').index() - 1;
                self.addRow(i); 
            }
        });
    });
    
    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());
                                    });
                                    if(response[i].quantity-this_quantity > 0){
                                        $('#batch_modal').find('.batches_table tbody').append('<tr><td>'+response[i].id+'</td><td>'+response[i].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('Няма такива наличности');
                            }
                        }
        });
    }
    
    $(document).on('click','.stock_batch', function(){
        var j = $(this).attr('data-id');
        var product = $('input#stocks_'+j).val();
        var storage = $('#storage_old').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 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()!='' ? $('#quantity_'+this_row).val() : 0);
                            });
                            
                            var row_quantity = parseFloat($('#quantity_'+row).val()!='' ? $('#quantity_'+row).val() : 0);
                            
                            if(row_quantity==0){
                                $('#place_old_'+row).val(response.place_id).trigger('chosen:updated');
                                $('#quantity_'+row).val(response.quantity).change();
                                $('#batch_'+row).attr('data-batch',response.id).val(response.batch);
                                $('#pallet_'+row).val(response.pallet);
                                $('#date_'+row).val(response.expiring_date).change();
                                $('#batch_modal').modal('toggle');
                            }
                            else{
                                if(response.quantity-this_quantity >= row_quantity ){
                                    $('#place_old_'+row).val(response.place_id).trigger('chosen:updated');
                                    $('#batch_'+row).attr('data-batch',response.id).val(response.batch);
                                    $('#pallet_'+row).val(response.pallet);
                                    $('#date_'+row).val(response.expiring_date).change();
                                    $('#batch_modal').modal('toggle');
                                }
                                else{
                                    $('#place_old_'+row).val(response.place_id).trigger('chosen:updated');
                                    $('#quantity_'+row).val(response.quantity).change();
                                    $('#batch_'+row).attr('data-batch',response.id).val(response.batch);
                                    $('#pallet_'+row).val(response.pallet);
                                    $('#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 quantity = $(this).closest('tr').find('.quantity').val();

            $('.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/$(this).closest('tr').find('.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/$(this).closest('tr').find('.wrappage_pallet_id').attr('data-quantity'))));
            
        });
    }
</script>
<script src="{{ asset('js/stock_transfer.js') }}"></script>
@endsection