{% extends "layout.html" %}

{% block body %}
<div class="col-md-2" ></div>
<div class="col-md-8">
    <div class="panel panel-default">
        <div class="panel-body">
            <h3>New Pitstop for '{{ vehicle.name }}'</h3>
            <form class='form-horizontal' method="POST">
                {{ form.hidden_tag() }}
                {{ render_field_with_errors(form.date) }}
                <span id="{{form.date.id}}_help" class="help-block">
                    {{messages['date']}}
                </span>
                {{ render_field_with_errors(form.odometer) }}
               <span id="{{form.odometer.id}}_help" class="help-block">
                    {{messages['odometer']}}
                </span>
                {{ render_field_with_errors(form.litres) }}
                {{ render_field_with_errors(form.costs) }}
               <span id="{{form.costs.id}}_help" class="help-block">
                    {{messages['costs']}}
                </span>
                {{ render_field_with_errors(form.submit) }}
            </form>
        </div>
    </div>
</div>
<div class="col-md-2" ></div>
{% endblock %}