{% extends "portal/_layout.html" %}
{% block title %}{{ t('Invoices') }}{% endblock %}
{% block content %}
<h1>{{ t('Invoices') }}</h1>
<form method="post" enctype="multipart/form-data" class="card"><input type="hidden" name="csrf" value="{{ csrf_token() }}">
  <h3 style="margin-top:0">{{ t('Send an invoice') }}</h3>
  <div class="grid">
    <div class="field"><label>{{ t('Purchase Order') }}</label><select name="order_id"><option value="">{{ t('No purchase order') }}</option>{% for o in pos %}<option value="{{ o.id }}" {{ 'selected' if pre == o.id }}>{{ o.number }} — {{ o.amount_total|money }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('Invoice no.') }} *</label><input name="invoice_no" required></div>
    <div class="field"><label>{{ t('Invoice date') }} *</label><input type="date" name="invoice_date" value="{{ today }}" required></div>
    <div class="field"><label>{{ t('Amount excl. VAT') }} *</label><input name="amount_untaxed" class="num" inputmode="decimal" required></div>
    <div class="field"><label>{{ t('VAT') }}</label><input name="amount_tax" class="num" inputmode="decimal"></div>
    <div class="field"><label>{{ t('Tax invoice (PDF)') }} *</label><input type="file" name="file" accept=".pdf,.png,.jpg,.jpeg" required></div>
    <div class="field wide"><label>{{ t('Notes') }}</label><input name="notes"></div>
  </div><div class="form-actions"><button class="btn">{{ t('Send invoice') }}</button></div></form>
<div class="card flush"><table>
  <thead><tr><th>{{ t('Invoice no.') }}</th><th>{{ t('Date') }}</th><th>{{ t('Purchase Order') }}</th><th class="num">{{ t('Total') }}</th><th>{{ t('Status') }}</th></tr></thead>
  <tbody>{% for r in rows %}{% set st = {'received': ('warn', 'Received'), 'in_process': ('warn', 'Being processed'), 'approved': ('posted', 'Approved for payment'), 'partly_paid': ('posted', 'Partly paid'), 'paid': ('posted', 'Paid'), 'returned': ('cancelled', 'Returned')}[r.status] %}
  <tr><td><b>{{ r.invoice_no }}</b></td><td class="num">{{ r.invoice_date }}</td><td>{{ r.po or '—' }}</td><td class="num">{{ r.amount_total|money }}</td>
    <td><span class="badge st-{{ st[0] }}">{{ t(st[1]) }}</span>{% if r.status == 'returned' and r.reject_reason %}<br><small>{{ r.reject_reason }}</small>{% endif %}</td></tr>
  {% else %}<tr><td class="empty" colspan="5">{{ t('Nothing yet.') }}</td></tr>{% endfor %}</tbody></table></div>
{% endblock %}