@extends('layouts.app')

@section('content')
<script type="text/javascript">
    $(document).ready(function () {
        $('#item_type').change(function(){
            var _token = $('input[name="_token"]').val();
            var itemType = $('#item_type').val();
            $.ajax({
                method  :   'GET',
                cache   :   false,
                '_token' : _token,
                url     :   "/order_form/item/code_generator",
                data    :   {
                    type_id: itemType
                },
                success :   function(result){
                    $('#code').val(result.code);
                    document.location.reload();
                }
            });
        });
    });
</script>

    <form id="form" method="post" action="{{route('item.update', [$item->id])}}" class="form-horizontal">
        {{ csrf_field() }}
        <input type="hidden" name="_method" value="put">
        <section class="panel">
            <header class="panel-heading">
                <h2 class="panel-title">{{__('Edit')}}</h2>
            </header>
            <div class="panel-body">
                <div class="form-group">
                    <label class="col-lg-2 control-label">{{__('Code')}} <span class="required">*</span></label>
                    <div class="col-lg-3 @if($errors->has('code')){{'has-error'}} @endif">
                        <input type="text" name="code" class="form-control" placeholder="" id="code"
                               spellcheck="false" value="{{$item->code}}" readonly/>
                        @if($errors->has('code'))
                            <label for="code" class="error">{{$errors->first('code')}}</label>
                        @endif
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">{{__('Item')}} <span class="required">*</span></label>
                    <div class="col-lg-3 @if($errors->has('item')){{'has-error'}} @endif">
                        <input type="text" name="item" class="form-control" placeholder="" id="item"
                               spellcheck="false" value="{{$item->name}}"/>
                        @if($errors->has('item'))
                            <label for="item" class="error">{{$errors->first('item')}}</label>
                        @endif
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">{{__("Type")}}:</label>
                    <div class="col-lg-3">
                        <select name="item_type" id="item_type" class="form-control" data-plugin-selectTwo>
                            <option value="" selected>-- {{__("Item type")}} --</option>
                            @foreach($itemTypes as $type)
                                <option value="{{$type->id}}" @if($type->id == $item->type_id) selected @endif>{{$type->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <footer class="panel-footer">
                <div class="row">
                    <div class="col-sm-12 btn-confirmation">
                        <button class="btn btn-primary" type="submit">{{__('Save')}} <i class="fa fa-save"></i></button>
                        <a href="{{route('item.index')}}"><button type="button" class="btn btn-default">{{__('Cancel')}}</button></a>
                    </div>
                </div>
            </footer>
        </section>
    </form>

@endsection