@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row-fluid">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                Create New Preventative
            </h3>
            <ul class="breadcrumb">
                <li>
                    <i class="icon-home"></i>
                    <a href="#">Dashboard</a>
                    <i class="icon-angle-right"></i>
                </li>
                <li><a href="#">Masters</a><i class="icon-angle-right"></i></li>
                <li><a href="#">Store</a><i class="icon-angle-right"></i></li>
                <li><a href="#">Preventative</a></li>

            </ul>
            <!-- END PAGE TITLE & BREADCRUMB-->
        </div>
        <div class="row-fluid">
            <div class="span12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <a href="{{ url('/admin/preventative') }}" title="Back"><button class="btn green btn-xs"><i class="m-icon-swapleft m-icon-white" aria-hidden="true"></i> Back</button></a>
                        <br />
                        <br />

                        {!! Form::open(['url' => '/admin/preventative/master-store', 'class' => 'form-vertical','id'=>'myform','files' => true]) !!}

                        @include ('admin.preventative.master_form')

                        {!! Form::close() !!}

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery('#myform').validate( {
                highlight: function(element) {
                    jQuery(element).closest('.control-group').addClass('error');
                    jQuery(element).closest('.control-group').addClass('error');
                },
                unhighlight: function(element) {
                    jQuery(element).closest('.control-group').removeClass('error');
                },
                errorElement: 'span',
                errorClass: 'help-block',
                focusInvalid: false, // do not focus the last invalid input
                ignore: "", // validate all fields including form hidden input
                rules: {
                    'check_change': {
                        required: true,
                    },
                    'frequency': {
                        required: true,
                    },
                    'equipment_id': {
                        required: true,
                    },
                    'status': {
                        required: true,
                    },
                },
                errorPlacement: function (error, element) {
                    if(element.parent('.input-group').length) {
                        error.insertAfter(element.parent());
                    } else {
                        error.insertAfter(element);
                    }
                },
                messages: {
                    'check_change': {
                        required: "The check/change is required",
                    },
                    'frequency': {
                        required: "The frequency is required",
                    },
                    'equipment_id': {
                        required: "The equipment is required",
                    },
                    'status' : {
                        required: "The status field is required",
                    },
                }
            });
        });

    </script>
@endsection