{% extends "base.html" %}

{% block title %}Rechnung erstellen — {{ order.order_no }}{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500"><a href="/sales-orders" class="hover:underline">Aufträge</a> / <a href="/sales-orders/{{ order.id }}" class="hover:underline">{{ order.order_no }}</a> / Rechnung</p>{% endblock %}
{% block heading %}{% if kind == 'final' %}Schlussrechnung{% else %}Rechnung{% endif %} erstellen — {{ order.order_no }}{% endblock %}

{% block content %}
{% if kind == 'final' and prior_partials %}
<div class="card max-w-5xl mb-4" style="border-left:4px solid #f59e0b;">
  <div class="px-5 py-4">
    <p class="text-[11px] uppercase tracking-wider font-bold mb-2" style="color:#fbbf24;">
      Bisher geleistete Anzahlungen
    </p>
    {% set total_dp = 0 %}
    <div class="space-y-1 text-sm">
    {% for p in prior_partials %}
      {% set total_dp = total_dp + (p.paid_amount or 0) %}
      <div class="flex justify-between">
        <a href="/invoices/{{ p.id }}" class="hover:underline" style="color:#f2581b;">{{ p.invoice_no }}</a>
        <span class="nums">
          gestellt {{ '%.2f'|format(p.total_gross or 0) }} € ·
          <span style="color:#6ee7b7;">bezahlt {{ '%.2f'|format(p.paid_amount or 0) }} €</span>
        </span>
      </div>
    {% endfor %}
    </div>
    <p class="text-xs mt-3" style="color: var(--card-text-muted);">
      Eingegangener Anzahlungsbetrag {{ '%.2f'|format(total_dp) }} € wird automatisch als negative
      Korrektur-Position auf der Schlussrechnung abgezogen.
    </p>
  </div>
</div>
{% endif %}

{% if invoice_lines %}
<form method="post"
      action="/sales-orders/{{ order.id }}/{% if kind == 'final' %}final-invoice{% else %}invoice{% endif %}"
      class="max-w-5xl space-y-4">

  <div class="card">
    <div class="card-header"><div>
      <h2>Positionen abrechnen</h2>
      <p class="sub">Es können nur bereits gelieferte Mengen abgerechnet werden</p>
    </div></div>
    <table class="data-table">
      <thead>
        <tr>
          <th style="width:40px">#</th>
          <th>Beschreibung</th>
          <th class="num">Bestellt</th>
          <th class="num">Geliefert</th>
          <th class="num">Bisher abgerechnet</th>
          <th class="num">Abrechenbar</th>
          <th class="num" style="width:130px">Diesmal abrechnen</th>
          <th>Einh.</th>
        </tr>
      </thead>
      <tbody>
        {% for ln in invoice_lines %}
        <tr>
          <td class="nums text-neutral-500">{{ ln.line_no }}</td>
          <td>
            <div class="text-sm">{{ ln.description }}</div>
            {% if ln.item_ident %}<div class="text-[11px] text-neutral-500 nums">{{ ln.item_ident }}</div>{% endif %}
            <input type="hidden" name="sol_id" value="{{ ln.id }}">
          </td>
          <td class="num nums text-neutral-600">{{ "%.0f"|format(ln.qty_ordered) if ln.qty_ordered == ln.qty_ordered|int else "%.2f"|format(ln.qty_ordered) }}</td>
          <td class="num nums text-neutral-600">{{ "%.0f"|format(ln.qty_delivered) if ln.qty_delivered == ln.qty_delivered|int else "%.2f"|format(ln.qty_delivered) }}</td>
          <td class="num nums text-neutral-600">{{ "%.0f"|format(ln.qty_invoiced) if ln.qty_invoiced == ln.qty_invoiced|int else "%.2f"|format(ln.qty_invoiced) }}</td>
          <td class="num nums font-semibold text-emerald-700">{{ "%.2f"|format(ln.qty_to_invoice) }}</td>
          <td class="num">
            <input class="input w-full nums" type="text" name="qty_invoice"
                   value="{{ '%.0f'|format(ln.qty_to_invoice) if ln.qty_to_invoice == ln.qty_to_invoice|int else '%.2f'|format(ln.qty_to_invoice) }}"
                   style="text-align:right">
          </td>
          <td class="text-xs">{{ ln.unit }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <div class="card">
    <div class="card-header"><div><h2>Rechnungs-Details</h2></div></div>
    <div class="p-5 grid grid-cols-3 gap-x-6 gap-y-4">
      <div>
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Art</label>
        <select name="kind" class="select mt-1 w-full">
          <option value="invoice" selected>Rechnung</option>
          <option value="partial">Anzahlungsrechnung</option>
          <option value="final">Schlussrechnung</option>
        </select>
      </div>
      <div>
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Rechnungsdatum</label>
        <input class="input mt-1 w-full nums" type="date" name="issue_date">
      </div>
      <div>
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Leistungsdatum</label>
        <input class="input mt-1 w-full nums" type="date" name="service_date">
      </div>
      <div>
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Zahlbar bis</label>
        <input class="input mt-1 w-full nums" type="date" name="due_date">
        <p class="text-[10px] text-neutral-500 mt-1">Default: Datum + {{ order.payment_terms_days }} Tage</p>
      </div>
      <div>
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Status</label>
        <select name="status" class="select mt-1 w-full">
          <option value="draft" selected>Entwurf</option>
          <option value="sent">Versendet</option>
        </select>
      </div>
      <div></div>

      <div class="col-span-3">
        <label class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Notiz</label>
        <textarea name="notes" class="input mt-1 w-full" rows="2" placeholder="z.B. Anzahlung 30% gemäß Auftragsbestätigung"></textarea>
      </div>
    </div>
  </div>

  <div class="flex items-center justify-between max-w-5xl">
    <a class="btn btn-secondary" href="/sales-orders/{{ order.id }}">Abbrechen</a>
    <button class="btn btn-primary" type="submit">Rechnung erstellen</button>
  </div>
</form>
{% else %}
<div class="card">
  <div class="p-12 text-center">
    <p class="text-sm text-neutral-500">Es gibt keine abrechenbaren Positionen — entweder noch nichts geliefert oder bereits alles abgerechnet.</p>
    <a class="btn btn-secondary mt-4" href="/sales-orders/{{ order.id }}">Zurück</a>
  </div>
</div>
{% endif %}
{% endblock %}