@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.stocks_arr.edit.change_stock')}}</h3>
                <div class="pull-right">
                    <a type="button" class="btn btn-primary back-btn" href="{{route('stocks.index')}}" @cannot('list_stocks') disabled="disabled" @endcannot>{{__('texte.stocks_arr.edit.stocks')}}</a>
                </div>
            </div>

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

                    <fieldset>      
                        <div class="form-group row {{ $errors->has('storage_id') ? ' has-error' : '' }}">
                            <label for="storage" class="col-sm-2 col-form-label">{{__('texte.stocks_arr.edit.storage')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="storage" name="storage_id" >
                                    <option value="">{{__('texte.stocks_arr.edit.storage')}}</option>
                                    @foreach ($storages as $storage)
                                    <option value="{{ $storage->id }}" {{old('storage_id',$stock->storage_id) == $storage->id ? 'selected' : ''}}>{{ $storage->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('storage_id'))
                                    <span class="help-block"><strong>{{ $errors->first('storage_id') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group row {{ $errors->has('product_id') ? ' has-error' : '' }}">
                            <label for="product" class="col-sm-2 col-form-label">{{__('texte.stocks_arr.edit.product')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="product" name="product_id" >
                                    <option value="">{{__('texte.stocks_arr.edit.product')}}</option>
                                    @foreach ($products as $product)
                                        <option value="{{ $product->id }}" {{old('product_id',$stock->product_id) == $product->id ? 'selected' : ''}}>{{ $product->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('product_id'))
                                    <span class="help-block"><strong>{{ $errors->first('product_id') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group row {{ $errors->has('pallet') ? ' has-error' : '' }}">
                            <label for="pallet" class="col-sm-2 col-form-label">{{__('texte.stocks_arr.edit.pallet')}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="pallet" value="{{old('pallet',$stock->pallet)}}"/>
                                @if ($errors->has('product_id'))
                                    <span class="help-block"><strong>{{ $errors->first('product_id') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group row {{ $errors->has('quantity') ? ' has-error' : '' }}">
                            <label for="quantity" class="col-sm-2 col-form-label">{{__('texte.stocks_arr.edit.quantity')}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control quantity" name="quantity" value="{{old('quantity',$stock->quantity)}}"/>
                                @if ($errors->has('quantity'))
                                    <span class="help-block"><strong>{{ $errors->first('quantity') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group row {{ $errors->has('batch') ? ' has-error' : '' }}">
                            <label for="batch" class="col-sm-2 col-form-label">{{__('texte.stocks_arr.edit.batch')}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="batch" value="{{old('batch',$stock->batch)}}"/>
                                @if ($errors->has('batch'))
                                    <span class="help-block"><strong>{{ $errors->first('batch') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group row {{ $errors->has('expiring_date') ? ' has-error' : '' }}">
                            <label for="expiring_date" class="col-sm-2 col-form-label">{{__('texte.stocks_arr.edit.expiring_date')}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="expiring_date" name="expiring_date" value="{{old('expiring_date',($stock->expiring_date!=null ? date('d.m.Y',strtotime($stock->expiring_date)) : ''))}}" placeholder="{{__('texte.stocks_arr.edit.expiring_date')}}" autocomplete="off"/>
                                @if ($errors->has('expiring_date'))
                                    <span class="help-block"><strong>{{ $errors->first('expiring_date') }}</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="submit" class="btn btn-primary">{{__('texte.stocks_arr.edit.edit')}}</button>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</div>

<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/select2.min.js') }}"></script>

<script type="text/javascript" charset="utf-8">
    
   $('#storage,#product').select2();
    
    $("#expiring_date").datepicker({minDate: 0});
    
    $(document).on('keydown',".quantity",function (e) {
        if (e.shiftKey || e.ctrlKey || e.altKey) { // if shift, ctrl or alt keys held down
            e.preventDefault();         // Prevent character input
        } else {
            var n = e.keyCode;
            if (!((n == 8)              // backspace
                    || (n == 46)                // delete
                    || (n >= 35 && n <= 40)     // arrow keys/home/end
                    || (n >= 48 && n <= 57)     // numbers on keyboard
                    || (n >= 96 && n <= 105))   // number on keypad
                    ) {
                e.preventDefault();     // Prevent character input
            }
        }
    });
</script>
@endsection