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

<form method="POST" action="{{ url_for('add_time') }}" class=add-time>
  <div class="form group">
<!--    <div class="row">
      <div class="col-xs-4">
        <label for="db">Database:</label>
        <input type=text name="db" class="form-control" placeholder="Ex: Gas">
      </div>
      <div class="col-xs-4">
        <label for="table">Table:</label>
        <input type=text name="table" class="form-control" placeholder="Ex: Odyssey">
      </div>
    </div>
-->
    <div class="row">
      <div class="col-xs-4">
        <label for="date">Date:</label>
        <input type=date name="date" class="form-control" placeholder="Ex: 2009-11-10">
      </div>
      <div class="col-xs-4">
        <label for="time">Time:</label>
        <input type=time name="time" class="form-control" placeholder="Ex: 17:59:03">
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <label for="odometer">Odometer:</label>
        <input type=number name="odometer" class="form-control" placeholder="Ex: 3008">
      </div>
      <div class="col-xs-4">
        <label for="oilhealth">Oil Health:</label>
        <input type=number name="oilhealth" class="form-control" placeholder="Ex: 80">
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <label for="fuel">Fuel (L):</label>
        <input type=number step="0.001" name="fuel" class="form-control" placeholder="Ex: 70.175">
      </div>
      <div class="col-xs-4">
        <label for="fuelcost">Fuel Cost ($/L):</label>
        <input type=number step="0.001" name="fuelcost" class="form-control" placeholder="Ex: 1.059">
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <label for="winter">Winter Tires:</label>
        <select name="winter" class="form-control" default="false">
	  <option value="TRUE">True</option>
          <option value="FALSE" selected>False</option>
	</select>
      </div>
    </div><br>
    <input type="submit" value="Go">
    <a href="{{ url_for('repeat_last_odometer', odometer=data[0]['odometer'] ) }}">Repeat</a>
  </div>
</form>
<br>
Last Mileage
<ul>
{% for point in data %}
  <li>
  {{ point['time'] }} = {{ point['odometer'] }}, {{point['oilhealth']}}
  </li>
{% endfor %}
{% endblock %}
</ul>