@extends('layouts.template')

@section('content')
    <div class="container">
        <div class="row">
            @if ($errors->any())
                <ul class="alert alert-danger">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            @endif
            <section class="fuel-entry">
                <div class="container">
                    <div class="row">
                        {!! Form::open(['url' => '/store/tyre-control/store','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>Add Tyre Control</h1>
                            @include ('store.tyre-control.form')
                        </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);
                }
            });  
        });

    </script>
@endsection