@extends('layouts.template')

@section('content')

    <section class="fuel-entry">
        <div class="container">
            <div class="row view-details">
                <h1 class="heading">Tools Control<a href="{{ url('/store/tool-creation') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>
                <div class="table-heading">
                    <h4 class="col-md-3 col-sm-3 col-xs-12">Tools Control Edit
                    </h4>
                </div>

                {!! Form::model($tool_creation, [
                    'method' => 'PATCH',
                    'url' => ['/store/tool-creation', $tool_creation->id],
                    'class' => 'form-horizontal',
                    'id' => 'toolcreationform',
                    'files' => true
                ]) !!}

                <div class="fuel-add-form">
                    <div class="fuel-input">
                        <div class="col-md-12">
                            <div class="col-md-4 col-sm-4 col-xs-12 form-group  {{ $errors->has('tool') ? 'has-error' : ''}}">
                                {!! Form::label('tool', 'Tool') !!}
                                <span class="error"> * </span>
                                {!! Form::text('tool', null, ['class' => 'form-control']) !!}
                                {!! $errors->first('tool', '<p class="help-block">:message</p>') !!}
                            </div>

                            <div class="col-md-4 col-sm-4 col-xs-12 form-group {{ $errors->has('quantity') ? 'has-error' : ''}}">
                                <label>Quantity <span class="required">*</span></label>
                                {!! Form::text('quantity', null, ['class' => 'form-control','disabled']) !!}
                                {!! $errors->first('quantity', '<p class="help-block">:message</p>') !!}
                            </div>

                            <div class="col-md-4 col-sm-4 col-xs-12 form-group {{ $errors->has('price') ? 'has-error' : ''}}">
                                <label>Price <span class="required">*</span></label>
                                {!! Form::text('price', null, ['class' => 'form-control']) !!}
                                {!! $errors->first('price', '<p class="help-block">:message</p>') !!}
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12 form-group {{ $errors->has('manufacturer') ? 'has-error' : ''}}">
                                <label>Supplier <span class="required">*</span></label>
                                <div class="select">
                                    {!! Form::select('manufacturer',['' =>'Select Supplier'] + $page_data['supplier']->toArray() ,null,['class' => 'col-md-6 form-control arr']) !!}
                                </div>
                                {!! $errors->first('manufacturer', '<p class="help-block">:message</p>') !!}
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12 form-group {{ $errors->has('category') ? 'has-error' : ''}}">
                                <label>Category <span class="required">*</span></label>
                                <div class="select">
                                    {!! Form::select('category',['' =>'Select Category'] + $page_data['category']->toArray(),null,['class' => 'col-md-6 form-control arr']) !!}
                                </div>
                                {!! $errors->first('category', '<p class="help-block">:message</p>') !!}
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12 form-group {{ $errors->has('bin_id') ? 'has-error' : ''}}">
                                <label>Bin<span class="required">*</span></label>
                                <div class="select">
                                    {!! Form::select('bin_id',['' =>'Select Bin'] + $page_data['bin_id']->toArray(),null,['class' => 'col-md-6 form-control arr']) !!}
                                </div>
                                {!! $errors->first('bin-id', '<p class="help-block">:message</p>') !!}
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12 form-group {{ $errors->has('size') ? 'has-error' : ''}}">
                                <label>Size <span class="required">*</span></label>
                                {!! Form::text('size', null, ['class' => 'form-control']) !!}
                                {!! $errors->first('size', '<p class="help-block">:message</p>') !!}
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12 form-group {{ $errors->has('description') ? 'has-error' : ''}}">
                                <label>Description <span class="required">*</span></label>
                                {!! Form::text('description', null, ['class' => 'form-control']) !!}
                                {!! $errors->first('description', '<p class="help-block">:message</p>') !!}
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12 form-group upload_file_section {{ $errors->has('image_path') ? 'has-error' : ''}}">
                                <label>Image<span class="required"></span></label>
                                <div class="upload-input">
                                    <img id="output" src="" width="100" height="100">
                                    <input name="image_path" type="file" onchange="document.getElementById('output').src = window.URL.createObjectURL(this.files[0])" style="position: relative;left: 110px;top: -96px;">
                                {!! $errors->first('image_path', '<p class="help-block" style="position: initial;">:message</p>') !!}
                                </div>
                            </div>
                            <div class="clearfix form-group col-md-12 col-sm-12 col-xs-12 submit-btn">
                                {!! Form::submit('Update', ['class' => 'btn btn-primary']) !!}
                            </div>
                        </div>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </section>
    <script>
        $('#toolcreationform').validate( {
            highlight: function(element) {
                $(element).closest('.form-group').addClass('has-error');
                $(element).closest('.form-group').addClass('has-error');
            },
            unhighlight: function(element) {
                $(element).closest('.form-group').removeClass('has-error');
            },
            errorElement: 'span',
            errorClass: 'help-block',
            focusInvalid: false, // do not focus the last invalid input
            ignore: "", // validate all fields including form hidden input
            rules: {
                'tool': {
                    required: true,
                },
                'quantity': {
                    required: true,
                    number: true,
                },
                'price': {
                    required: true,
                },
                'manufacturer': {
                    required: true,
                },
                'category': {
                    required: true,
                },
                'size' : {
                    required : true,
                },
                'description' : {
                    required : true,
                },
                'bin_id' : {
                    required : true,
                },
                'image_path' : {
                    accept: "image/jpg,image/jpeg,image/png,image/gif"
                },
            },
            errorPlacement: function (error, element) {
                if(element.parent('.input-group').length) {
                    error.insertAfter(element.parent());
                } else {
                    error.insertAfter(element);
                }
            },
            messages: {
                'tool' : {
                    required: "The tool field is required",
                },
                'quantity' : {
                    required: "qty required",
                    number: "Please enter valid number"
                },
                'price' : {
                    required: "price required",
                },
                'manufacturer' : {
                    required: "The supplier field is required",
                },
                'category' : {
                    required: "The category field is required",
                },
                'size' : {
                    required: "size required",
                },
                'description' : {
                    required: "The description field is required",
                },
                'bin_id' : {
                    required: "field required",
                },
                'image_path' : {
                    required: "Image is required",
                    accept: "Required image file only",
                }
            },
            focusInvalid: false,
            invalidHandler: function(form, validator) {
                if (!validator.numberOfInvalids())
                    return false;
                $('html, body').animate({
                    scrollTop: $(validator.errorList[0].element).offset().top
                }, 2000);
            }
        });
    </script>
@endsection