{% extends "core/base.html" %}
{% block title %}Invoices{% endblock %}
{% block content %}
<h1>Invoices</h1>
<form class="filters" method="get">
  <label>Status <select name="status"><option value="">Any</option>{% for v, l in statuses %}<option value="{{ v }}" {% if v == filters.status %}selected{% endif %}>{{ l }}</option>{% endfor %}</select></label>
  <label>Search <input name="q" value="{{ filters.q }}" placeholder="invoice, vendor, PO"></label>
  <button class="btn">Filter</button>
</form>
<table>
  <thead><tr><th>Invoice</th><th>Vendor</th><th>PO</th><th>Date</th><th class="num">Total</th><th>Status</th><th class="num">Open exc.</th></tr></thead>
  <tbody>{% for i in invoices %}
  <tr><td><a href="{% url 'workbench' i.pk %}">{{ i.invoice_no }}</a></td><td>{{ i.vendor.name }}</td><td>{{ i.po.number|default:"-" }}</td><td>{{ i.invoice_date }}</td>
  <td class="num">{{ i.currency }} {{ i.total }}</td><td><span class="badge inv-{{ i.status }}">{{ i.get_status_display }}</span></td><td class="num">{{ i.open_exc }}</td></tr>
  {% endfor %}</tbody>
</table>
{% endblock %}