{% 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">
        {% if data %}
            {% if data[0]['winter'] == "True" %}
              <option value="TRUE" selected>True</option>
            <option value="FALSE">False</option>
            
            {% else %}
                <option value="TRUE">True</option>
                <option value="FALSE" selected>False</option>
            {% endif %}
        {% else %}
        <option value="TRUE">True</option>
                <option value="FALSE" selected>False</option>
        {% endif %}
      </select>
      </div>
    </div><br>
    <input type="submit" value="Go">
    {% if data %}
    <a href="{{ url_for('repeat_last_odometer', odometer=data[0]['odometer'], winter=data[0]['winter'] ) }}">Repeat</a>
    {% endif %}
  </div>
</form>
<br>
Last Mileage
<table class="table table-striped">
<thead>
  <tr>
    <th scope="col">Odometer</th>
    <th scope="col">Time</th>
    <th scope="col">Oil</th>
    <th scope="col">Litres</th>
    <th scope="col">$/Litre</th>
    <th scope="col">$ Total</th>
  </tr>
</thead>
<tbody>
  {% for point in data %}
  <tr>
    <th scope="row">{{ point['odometer'] }}</th>
    <td>{{ point['time'] }}</td>
    <td>{{ point['oilhealth'] }}</td>
    <td>{{ point['fuel'] }}</td>
    <td>{{ point['fuelcost'] }}</td>
    {% if point['fuel'] %}
    <td>{{ '%0.2f' % ((point['fuel'] | float) * (point['fuelcost'] | float)) }}</td>
    {% endif %}
  </tr>
  {% endfor %}
</tbody>
</table>

{% endblock %}