{% extends "portal_base.html" %}
{% set active = 'invoices' %}
{% block title %}Rechnungen{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500">Kunden-Portal · Rechnungen</p>{% endblock %}
{% block heading %}Ihre Rechnungen{% endblock %}

{% block content %}
<div class="card">
  <div class="card-header">
    <div>
      <h2>Alle Rechnungen</h2>
      <p class="sub">{{ invoices|length }} Rechnung{% if invoices|length != 1 %}en{% endif %}</p>
    </div>
  </div>
  {% if invoices %}
  <table class="data-table">
    <thead>
      <tr>
        <th>Rechnungs-Nr</th>
        <th>Datum</th>
        <th>Fällig</th>
        <th>Status</th>
        <th class="num">Brutto</th>
        <th class="num">Bezahlt</th>
        <th class="num">Offen</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for i in invoices %}
      <tr>
        <td><strong>{{ i.invoice_no }}</strong></td>
        <td class="nums text-xs">{{ i.issue_date }}</td>
        <td class="nums text-xs">{{ i.due_date or '—' }}</td>
        <td>
          {% set sc = 'blue' %}
          {% if i.status == 'paid' %}{% set sc = 'emerald' %}{% endif %}
          {% if i.status == 'cancelled' %}{% set sc = 'neutral' %}{% endif %}
          {% if i.status == 'sent' %}{% set sc = 'amber' %}{% endif %}
          <span class="badge badge-{{ sc }}">{{ i.status }}</span>
        </td>
        <td class="num nums">
          {{ "{:,.2f}".format(i.total_gross or 0).replace(",","X").replace(".",",").replace("X",".") }}
        </td>
        <td class="num nums">
          {% if i.paid_amount %}{{ "{:,.2f}".format(i.paid_amount).replace(",","X").replace(".",",").replace("X",".") }}{% else %}—{% endif %}
        </td>
        <td class="num nums">
          {% set open_amt = (i.total_gross or 0) - (i.paid_amount or 0) %}
          {% if i.status != 'paid' and open_amt > 0 %}
            <strong>{{ "{:,.2f}".format(open_amt).replace(",","X").replace(".",",").replace("X",".") }}</strong>
          {% else %}—{% endif %}
        </td>
        <td>
          <a href="/portal/{{ token }}/invoices/{{ i.id }}/pdf" target="_blank"
             class="btn btn-sm btn-secondary">PDF</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="px-5 py-10 text-center text-sm text-neutral-500">
    Keine Rechnungen vorhanden.
  </div>
  {% endif %}
</div>
{% endblock %}