{% extends "layout.html" %}

{% block navigation %}
{% endblock %}	

{% block body %}
	{% if data.error %}
	<div>
		<p class='error'><strong>Error:</strong> {{ data.error }}</p>
	</div>
	{% endif %}
	<form class="form" action="{{ url_for('createPitStop') }}" method='post'>
		<ul>
			<li>
				<label for='date'>Date of Pitstop:</label>
				<input type='date' name='date' id='date' value='{{ data.last.date }}'/>
			</li>
			<li>
				<label for='odometer'>Odometer:</label>
				<input type='text' name='odometer' id='odometer' value='{{ data.last.odometer }}'/>
			</li>
			<li>
				<label for='litres'>Litres fuelled:</label>
				<input type='text' name='litres' id='litres' value='{{ data.last.litres }}'/>
    		</li>
    		<li>
    			<button class="submit" type="submit">Log pit stop</button>
    			<a  href="{{ url_for('getPitStops') }}">Abort</a>
    		</li>
    	</ul>
  </form>
{% endblock %}