{% 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=text name="date" class="form-control" placeholder="Ex: 2009-11-10">
      </div>
      <div class="col-xs-4">
        <label for="time">Time:</label>
        <input type=text 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 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 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">
	  <option value="true">True</option>
          <option value="false">False</option>
	</select>
      </div>
    </div><br>
    <input type="submit" value="Go">
  </div>
</form>
<br>
Last Mileage
<ul>
{% for point in data %}
  {% for item in point %}
    <li>
    {{ item['top'] }}
    </li>
  {% endfor %}
{% endfor %}
{% endblock %}
</ul>