{% extends "layout.html" %}
{% block body %}

<a href='{{ url_for('createPitStopForm') }}'>Create Pitstop</a>
<table>
	<tr>
		<th>
			Date
		</th>
		<th>
			Odometer
		</th>
		<th>
			Distance
		</th>
		<th>
			Litres
		</th>
		<th>
			Average
		</th>
	</tr>		
	{% for pitstop in data['pitstops'] %}
		<tr>
			<td>
				{{pitstop.date}}
			</td>
			<td class='right-aligned'>
				{{pitstop.odometer}} km
			</td>
			<td class='right-aligned'>
				{% if pitstop.distance %}{{pitstop.distance}}{% else %} --{% endif %} km
			</td>
			<td class='right-aligned'>
				{{pitstop.litres}} l
			</td>
			<td class='right-aligned'>
				{% if pitstop.average %}{{pitstop.average}}{% else %} --{% endif %} l/100km
			</td>
		</tr>
	{% endfor %}
</table

{% endblock %}