{% extends "base.html" %}
{% block title %}{{ t('Rechnungen') }}{% endblock %}
{% block content %}
<div class="page-head">
  <h1>{{ t('Rechnungen & Gutschriften') }}</h1>
  <div class="page-actions">
    <a class="btn btn-primary" href="{{ url_for('invoice_new') }}">+ {{ t('Neue Rechnung') }}</a>
    <a class="btn" href="{{ url_for('invoice_new', kind='gutschrift') }}">+ {{ t('Neue Gutschrift') }}</a>
  </div>
</div>

{% if invoices %}
<table>
  <thead>
    <tr><th>{{ t('Nr.') }}</th><th>{{ t('Kunde') }}</th><th>{{ t('Datum') }}</th><th>{{ t('Fällig') }}</th>
        <th class="num">CHF</th><th class="num">{{ t('Offen') }}</th><th>{{ t('Status') }}</th></tr>
  </thead>
  <tbody>
    {% for row in invoices %}
    <tr>
      <td>
        <a href="{{ url_for('invoice_view', invoice_id=row.inv.id) }}">{{ row.inv.number }}</a>
        {% if row.inv.kind == 'gutschrift' %}<span class="tag">GS</span>{% endif %}
        {% if row.inv.mahnstufe %}<span class="tag tag-storniert">M{{ row.inv.mahnstufe }}</span>{% endif %}
      </td>
      <td>{{ row.inv.customer }}</td>
      <td class="nowrap">{{ row.inv.date|datum }}</td>
      <td class="nowrap {{ 'overdue' if row.inv.status == 'offen' and row.inv.due_date < today_iso }}">{{ row.inv.due_date|datum }}</td>
      <td class="num">{{ row.total|chf }}</td>
      <td class="num">{{ (row.total - row.paid)|chf if row.inv.status == 'offen' }}</td>
      <td><span class="status status-{{ row.inv.status }}">{{ t(row.inv.status) }}</span></td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p class="muted">{{ t('Noch keine Rechnungen.') }}</p>
{% endif %}
{% endblock %}