@extends('layouts.template')

@section('content')
    <section class="fuel-entry">
        <div class="container">
            <div class="row">
                  <h1 class="heading"> Fixed Asset Register <a href="{{ url('/store/fixed-asset') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>
                  <div class="fuel-table">
                  <h1>Fixed Asset Register </h1>
                    {!! Form::open(['url' => '/store/fixed-asset/store','id'=>'myform','class' => 'form-horizontal', 'files' => true]) !!}
                        @include ('store.fixed-asset.form')
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </section>
    <script type="text/javascript">
    $(document).ready(function() {
        $("input[id^='upload_file']").each(function() {
            var id = parseInt(this.id.replace("upload_file", ""));
            $("#upload_file" + id).change(function() {
                if ($("#upload_file" + id).val() !== "") {
                    $("#moreImageUploadLink").show();
                }
            });
        });
    });
    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            var upload_number = 2;
            $('#attachMore').click(function() {
                //add more file
                var moreUploadTag = '';
                moreUploadTag += '<div class="col-md-12 element"><label for="upload_file"' + upload_number + '>Upload File ' + upload_number + '</label>';
                moreUploadTag += '<div class="form-group col-md-4">';
                moreUploadTag += '<input type="text" id="filename' + upload_number + '" name="filename[]" placeholder="filename">';
                moreUploadTag += '</div>';
                moreUploadTag += '<div class="form-group col-md-2">';
                moreUploadTag += '<input type="text" id="validity' +upload_number + '" name="validity_from[]" placeholder="validity from">';
                moreUploadTag += '</div>';
                moreUploadTag += '<div class="form-group col-md-2">';
                moreUploadTag += '<input type="text" id="validity' +upload_number + '" name="validity_to[]" placeholder="validity to">';
                moreUploadTag += '</div>';
                moreUploadTag += '<div class="form-group col-md-3">';
                moreUploadTag += '<input type="file" id="upload_file' + upload_number + '" name="upload_file[]"/>';
                moreUploadTag += '</div>';
                moreUploadTag += '<div class="form-group col-md-1 single_del">';
                moreUploadTag += '<a  class="delete_btn" href="javascript:del_file(' + upload_number + ')" style="cursor:pointer;" onclick="return confirm(\"Are you really want to delete ?\")"><i class="fa fa-minus" aria-hidden="true"></i></a></div>';
                $('<dl id="delete_file' + upload_number + '">' + moreUploadTag + '</dl>').fadeIn('slow').appendTo('#moreImageUpload');
                upload_number++;
                moreUploadTag += '</div>';
            });
        });
    </script>
    <script type="text/javascript">
        function del_file(eleId) {
            var ele = document.getElementById("delete_file" + eleId);
            ele.parentNode.removeChild(ele);
        }
    </script>
    <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,
                    },
                    'transporter': {
                       required: true,
                    },
                    'make': {
                       required: true,
                    },
                    'model': {
                       required: true,
                    },
                    'yom': {
                       required: true,
                    },
                    'body' : {
                       required: true,
                    },
                    'engine_make' : {
                        required : true,
                    },
                    'engine_model' : {
                        required : true,
                    },
                    'engine_number' : {
                        required : true,
                    },
                    'ratio_id' : {
                        required : true,
                    },
                    'tare' : {
                        required : true,
                        number   : true,
                    },
                    'gvm' : {
                        required : true,
                        number   : true,
                    },
                    'length' : {
                        required : true,
                        number   : true,
                    },
                    'width' : {
                        required : true,
                        number   : true,
                    },
                    'running' : {
                        required : true,
                        number   : true,
                    },
                    'spare' : {
                        required : true,
                        number   : true,
                    },
                    'height' : {
                        required : true,
                        number   : true,
                    },
                    'dimension' : {
                        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",
                    },
                    'transporter' : {
                       required: "",
                    },
                    'make' : {
                       required: "The make field is required",
                    },
                    'model' : {
                       required: "The model field is required",
                    },
                    'yom' : {
                       required: "The yom field is required",
                    },
                    'body' : {
                       required: "The body field is required",
                    },
                    'engine_make' : {
                       required: "The engine make field is required",
                    },
                    'engine_model' : {
                       required: "The engine model field is required",
                    },
                    'engine_number' : {
                       required: "The engine number field is required",
                    },
                    'ratio_id' : {
                       required: "The ratio field is required",
                    },
                    'tare' : {
                        required : "The tare field is required",
                        number   : "Only numbers are allowed",
                    },
                    'gvm' : {
                        required : "The gvm field is required",
                        number   : "Only numbers are allowed",
                    },
                    'length' : {
                        required : "The length field is required",
                        number   : "Only numbers are allowed",
                    },
                    'width' : {
                        required : "The width field is required",
                        number   : "Only numbers are allowed",
                    },
                    'running' : {
                        required : "The field is required",
                        number   : "Only numbers are allowed",
                    },
                    'spare' : {
                        required : "The field is required",
                        number   : "Only numbers are allowed",
                    },
                    'height' : {
                        required : "The height field is required",
                        number   : "Only numbers are allowed",
                    },
                    'dimension' : {
                        required : "The dimension 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