{% extends "layout.html" %}

{% block navigation %}
	<li><a href='{{ url_for('getPitStops') }}' class="active">Home</a></li>
	<li><a href='{{ url_for('createPitStopForm') }}'>Create Pitstop</a></li>
{% endblock %}	

{% block body %}
	<table>
		<tr>
			<th>
				Date
			</th>
			<th>
				Day
			</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>
					{% if pitstop.days %}{{pitstop.days}}{% else %} --{% endif %} days
				</td>
				<td>
					{{pitstop.odometer}} km
				</td>
				<td>
					{% if pitstop.distance %}{{pitstop.distance}}{% else %} --{% endif %} km
				</td>
				<td>
					{{pitstop.litres}} l
				</td>
				<td>
					{% if pitstop.average %}{{pitstop.average}}{% else %} --{% endif %} l/100km
				</td>
			</tr>
		{% endfor %}
	</table
{% endblock %}