{% extends "portal_base.html" %}
{% block title %}Invoices · Portal{% endblock %}
{% block topbar_title %}Invoices{% endblock %}
{% block portal_content %}
<p><a class="btn btn-primary" href="{% url 'payments:invoice_create' %}">New invoice</a></p>
<table class="table">
  <thead><tr><th>Number</th><th>Contact</th><th>Amount</th><th>Status</th></tr></thead>
  <tbody>
    {% for inv in invoices %}
    <tr>
      <td><a href="{% url 'payments:invoice_detail' inv.pk %}">{{ inv.number }}</a></td>
      <td>{{ inv.contact }}</td>
      <td>{{ inv.amount }} {{ inv.currency|upper }}</td>
      <td>{{ inv.get_status_display }}</td>
    </tr>
    {% empty %}
    <tr><td colspan="4" class="empty-state">No invoices yet.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}