{% extends "base.html" %}
{% block content %}
<h1>Bills</h1>
<form method="get" action="{{ url_for('bills') }}" class="filters">
  <select name="outlet">
    <option value="">All outlets</option>
    {% for o in outlets %}
      <option value="{{ o.id }}" {{ 'selected' if o.id == outlet }}>{{ o.name }}</option>
    {% endfor %}
  </select>
  <select name="status">
    <option value="">Any status</option>
    {% for s in ['queued', 'finished', 'departed'] %}
      <option {{ 'selected' if s == status }}>{{ s }}</option>
    {% endfor %}
  </select>
  <button type="submit">Show</button>
</form>

{% if not bills %}
  <p>No bills match.</p>
{% else %}
  <table>
    <tr><th>#</th><th>Bill</th><th>Arrived</th><th>Customer</th><th>Service</th>
        <th>Qty</th><th>Charged</th><th>Status</th></tr>
    {% for b in bills %}
    <tr class="{{ b.status }}">
      <td>{{ loop.index }}</td>
      <td><a href="{{ url_for('bill', id=b.id) }}">{{ b.id }}</a></td>
      <td>{{ b.arrived[:16] }}</td>
      <td>{{ b.customer_name }}</td>
      <td>{{ b.service_description }}</td>
      <td>{{ b.quantity }}</td>
      <td class="num">{{ b.payment | rupiah }}</td>
      <td>{{ 'cancelled' if b.cancelled else b.status }}</td>
    </tr>
    {% endfor %}
  </table>
  <p>{{ bills | length }} bill(s) shown, newest first.</p>
{% endif %}
{% endblock %}