@extends('layouts.template')

@section('content')
    <div class="container">
        <div class="row">
            <section class="fuel-entry">
                <div class="container">
                    <div class="row">
                        {!! Form::model($tyrecontrol, [
                            'method' => 'PATCH',
                            'url' => ['/store/tyre-control', $tyrecontrol->id],
                            'id'=>'myform',
                            'class' => 'form-horizontal',
                            'files' => true
                        ]) !!}
                        <h1 class="heading">Tyre Control <a href="{{ url('/store/tyre-control') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>
                        <div class="fuel-add-table">
                        <h1>Edit Tyre Control</h1>
                        @include ('store.tyre-control.form', ['submitButtonText' => 'Update'])
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </section>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function(){

            $('#myform').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: {
                    'registration_number': {
                       required: true,
                    },
                    'equipment_id': {
                       required: true,
                    },
                    'tire_id': {
                       required: true,
                    },
                    'size': {
                       required: true,
                    },
                    'tyre_type': {
                       required: true,
                    },
                    'tyre_serial' : {
                       required: true,
                       number : true,
                    },
                    'purchased_date' : {
                       required: true,
                    },
                    'other_mark' : {
                        required : true,
                    },
                    'fitted' : {
                        required : true,
                    },
                    'km' : {
                        required : true,
                        number : true,
                    },
                    'status' : {
                        required : true,
                    },
                },
                errorPlacement: function (error, element) {
                    if(element.parent('.input-group').length) {
                        error.insertAfter(element.parent());
                    } else {
                        error.insertAfter(element);
                    }
                },
                messages: {
                    'registration_number' : {
                        required: "The registration number field is required",
                    },
                    'equipment_id' : {
                       required: "The equipment field is required",
                    },
                    'tire_id' : {
                       required: "The make field is required",
                    },
                    'size' : {
                       required: "The size field is required",
                    },
                    'tyre_type' : {
                       required: "The type field is required",
                    },
                    'tyre_serial' : {
                       required: "The serial nos field is required",
                       number : "Only Numbers Are Allowed",
                    },
                    'purchased_date' : {
                       required: "The purchased date field is required",
                    },
                    'other_mark' : {
                       required: "The other mark field is required",
                    },
                    'fitted' : {
                       required: "The fitted field is required",
                    },
                    'km' : {
                       required: "The km field is required",
                       number : "Only Numbers Are Allowed",
                    },
                    'status' : {
                       required: "The status field is required",
                    },
                },
                focusInvalid: false,
                invalidHandler: function(form, validator) {

                    if (!validator.numberOfInvalids())
                        return;

                    $('html, body').animate({
                        scrollTop: $(validator.errorList[0].element).offset().top
                    }, 2000);
                }
            });

            var id = $('#tire_id').val();
            if (id != '') {
                $.ajax({
                    url: "{{URL::to('store/tyre-control/getMake')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {'id': id, '_token': '{{csrf_token()}}'},
                    success: function (response) {
                        $.each(response.data, function (index,value) {
                            $('#size').val(value.size);
                            $('#type').val(value.type);
                        });
                    }
                });
            }
        });
        
    </script>
@endsection