{% extends "base.html" %}
{% block title %}InXpress Invoices{% endblock %}
{% block content %}
<h1>InXpress Invoices</h1>

<form method="get" action="{{ url_for('inxpress') }}" class="filter-form">
  <label>From: <input type="date" name="from" value="{{ date_from|default('', true) }}"></label>
  <label>To: <input type="date" name="to" value="{{ date_to|default('', true) }}"></label>
  <button type="submit">Filter</button>
</form>

<table class="table table-striped table-sm">
  <thead>
    <tr>
      <th>Invoice</th>
      <th>Date</th>
      <th>Base (£)</th>
      <th>Fuel (£)</th>
      <th>Other (£)</th>
      <th>Net (£)</th>
      <th>VAT (£)</th>
      <th>Total (£)</th>
      <th>Charged (£)</th>
      <th>Cost (£)</th>
      <th>Calculated (£)</th>
    </tr>
  </thead>
  <tbody>
    {% for r in rows %}
    <tr>
      <td>{{ r.InvoiceNo }}</td>
      <td>{{ r.InvoiceDate|fmt_date }}</td>
      <td class="num">{{ r.Base|blank_if_zero }}</td>
      <td class="num">{{ r.Fuel|blank_if_zero }}</td>
      <td class="num">{{ r.Other|blank_if_zero }}</td>
      <td class="num">{{ r.Net|fmt }}</td>
      <td class="num">{{ r.VAT|fmt }}</td>
      <td class="num">{{ r.Total|fmt }}</td>
      <td class="num">{{ r.Charged|blank_if_zero }}</td>
      <td class="num">{{ r.Cost|blank_if_zero }}</td>
      <td class="num">{{ r.Calculated|blank_if_zero }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}