{% extends "base.html" %}
{% from "_macros.html" import money, avatar %}

{% block title %}To-Do — {{ td.today }}{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500">Heute · {{ td.today }}</p>{% endblock %}
{% block heading %}To-Do{% endblock %}

{% block topbar_actions %}
  <span class="text-sm text-neutral-500 nums">{{ td.total_count }} {% if td.total_count == 1 %}Punkt{% else %}Punkte{% endif %} offen</span>
{% endblock %}

{% block content %}

<style>
  .todo-section { margin-bottom: 16px; }
  .todo-section-header {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--card-border-2);
    margin-bottom: 8px;
  }
  .todo-section-header h3 {
    font-family: 'Cy', 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
  }
  .todo-count-badge {
    background: rgba(0,0,0,0.06);
    border-radius: 9999px;
    padding: 1px 8px;
    font-size: 10px;
    font-weight: 600;
  }
  .todo-empty {
    padding: 24px 16px;
    text-align: center;
    font-size: 13px;
    color: rgb(115,115,115);
    background: rgba(16, 185, 129, 0.04);
    border: 1px dashed rgba(16, 185, 129, 0.30);
    border-radius: 8px;
  }
  .todo-icon {
    width: 18px; height: 18px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
</style>

{% if td.total_count == 0 %}
<div class="card">
  <div class="p-12 text-center">
    <p class="text-2xl mb-2">✅</p>
    <p class="text-sm font-semibold text-emerald-700">Inbox Zero. Heute steht nichts mehr offen.</p>
    <p class="text-xs text-neutral-500 mt-2">Alle Termine, Rechnungen und Lieferungen sind aktuell — guter Tag, um Backlog abzuarbeiten.</p>
  </div>
</div>
{% endif %}

{# ============= 1. EILAUFTRÄGE & HOCHPRIORITÄT ============= #}
{% if td.rush_orders %}
<div class="card todo-section">
  <div class="card-header" style="background: rgba(239, 68, 68, 0.06); border-bottom-color: rgba(239, 68, 68, 0.20);"><div>
    <h2 style="color:#dc2626;">🔥 Eilaufträge &amp; Hochpriorität</h2>
    <p class="sub">Sofort kümmern</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Auftrag</th><th>Kunde</th><th>Liefertermin</th><th>Priorität</th><th class="num">Wert</th><th>Status</th></tr></thead>
    <tbody>
      {% for o in td.rush_orders %}
      <tr class="cursor-pointer" data-order-id="{{ o.id }}" onclick="location='/sales-orders/{{ o.id }}'" title="Rechtsklick: Vorschau mit Zeichnung + Pipeline">
        <td class="nums font-semibold">{{ o.order_no }}</td>
        <td>{{ o.customer }}</td>
        <td class="text-xs nums">{{ o.due_date or '—' }}</td>
        <td><span class="badge badge-{{ PRIORITY_COLOR.get(o.priority, 'neutral') }}">{{ PRIORITY_LABELS.get(o.priority, o.priority) }}</span></td>
        <td class="num nums">{{ money(o.total_gross) }} {{ o.currency }}</td>
        <td><span class="badge badge-{{ SO_STATUS_COLOR.get(o.status, 'neutral') }}">{{ SO_STATUS_LABELS.get(o.status, o.status) }}</span></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 2. ÜBERFÄLLIGE RECHNUNGEN ============= #}
{% if td.overdue_invoices %}
<div class="card todo-section">
  <div class="card-header" style="background: rgba(239, 68, 68, 0.06); border-bottom-color: rgba(239, 68, 68, 0.20);"><div>
    <h2 style="color:#dc2626;">💸 Überfällige Rechnungen</h2>
    <p class="sub">Mahnung schreiben oder Zahlung verfolgen</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Rechnung</th><th>Kunde</th><th class="num">Fällig</th><th class="num">Tage über</th><th class="num">Offen</th></tr></thead>
    <tbody>
      {% for inv in td.overdue_invoices %}
      {% set open_amt = (inv.total_gross or 0) - (inv.paid_amount or 0) %}
      <tr class="cursor-pointer" onclick="location='/invoices/{{ inv.id }}'">
        <td class="nums font-semibold">{{ inv.invoice_no }}</td>
        <td>{{ inv.customer }}</td>
        <td class="num text-xs nums">{{ inv.due_date }}</td>
        <td class="num nums font-semibold text-red-600">{{ "%.0f"|format(inv.days_late) }} T</td>
        <td class="num nums font-semibold">{{ money(open_amt) }} {{ inv.currency }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 3. RECHNUNGEN HEUTE FÄLLIG ============= #}
{% if td.due_today_invoices %}
<div class="card todo-section">
  <div class="card-header" style="background: rgba(245, 158, 11, 0.06);"><div>
    <h2 style="color:#d97706;">📅 Rechnungen heute fällig</h2>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Rechnung</th><th>Kunde</th><th class="num">Offen</th></tr></thead>
    <tbody>
      {% for inv in td.due_today_invoices %}
      {% set open_amt = (inv.total_gross or 0) - (inv.paid_amount or 0) %}
      <tr class="cursor-pointer" onclick="location='/invoices/{{ inv.id }}'">
        <td class="nums font-semibold">{{ inv.invoice_no }}</td>
        <td>{{ inv.customer }}</td>
        <td class="num nums font-semibold">{{ money(open_amt) }} {{ inv.currency }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 4. AUFTRÄGE LIEFERTERMIN HEUTE ============= #}
{% if td.orders_due_today %}
<div class="card todo-section">
  <div class="card-header" style="background: rgba(245, 158, 11, 0.06);"><div>
    <h2 style="color:#d97706;">🚚 Aufträge mit Liefertermin heute</h2>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Auftrag</th><th>Kunde</th><th>Priorität</th><th>Status</th><th class="num">Wert</th></tr></thead>
    <tbody>
      {% for o in td.orders_due_today %}
      <tr class="cursor-pointer" data-order-id="{{ o.id }}" onclick="location='/sales-orders/{{ o.id }}'" title="Rechtsklick: Vorschau mit Zeichnung + Pipeline">
        <td class="nums font-semibold">{{ o.order_no }}</td>
        <td>{{ o.customer }}</td>
        <td>{% if o.priority and o.priority != 'normal' %}<span class="badge badge-{{ PRIORITY_COLOR.get(o.priority, 'neutral') }}">{{ PRIORITY_LABELS.get(o.priority, o.priority) }}</span>{% else %}—{% endif %}</td>
        <td><span class="badge badge-{{ SO_STATUS_COLOR.get(o.status, 'neutral') }}">{{ SO_STATUS_LABELS.get(o.status, o.status) }}</span></td>
        <td class="num nums">{{ money(o.total_gross) }} {{ o.currency }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 5. LIEFERUNGEN HEUTE VERSENDEN ============= #}
{% if td.ship_today %}
<div class="card todo-section">
  <div class="card-header" style="background: rgba(43, 92, 230, 0.05);"><div>
    <h2 style="color:#1e3a8a;">📦 Heute versenden</h2>
    <p class="sub">Lieferscheine mit Versanddatum heute</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Lieferschein</th><th>Auftrag</th><th>Kunde</th><th>Versand</th><th>Status</th></tr></thead>
    <tbody>
      {% for d in td.ship_today %}
      <tr class="cursor-pointer" onclick="location='/delivery-notes/{{ d.id }}'">
        <td class="nums font-semibold">{{ d.dn_no }}</td>
        <td class="text-xs nums">{{ d.order_no or '—' }}</td>
        <td>{{ d.customer }}</td>
        <td class="text-xs">{{ d.carrier or '—' }}</td>
        <td><span class="badge badge-{{ DN_STATUS_COLOR.get(d.status, 'neutral') }}">{{ DN_STATUS_LABELS.get(d.status, d.status) }}</span></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 6. AUFTRÄGE 1-3 TAGE ============= #}
{% if td.orders_due_soon %}
<div class="card todo-section">
  <div class="card-header"><div>
    <h2>📌 Aufträge in den nächsten 3 Tagen</h2>
    <p class="sub">Vorausschauend</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Auftrag</th><th>Kunde</th><th class="num">Liefertermin</th><th>Priorität</th><th>Status</th></tr></thead>
    <tbody>
      {% for o in td.orders_due_soon %}
      <tr class="cursor-pointer" data-order-id="{{ o.id }}" onclick="location='/sales-orders/{{ o.id }}'" title="Rechtsklick: Vorschau mit Zeichnung + Pipeline">
        <td class="nums font-semibold">{{ o.order_no }}</td>
        <td>{{ o.customer }}</td>
        <td class="num text-xs nums">{{ o.due_date }}</td>
        <td>{% if o.priority and o.priority != 'normal' %}<span class="badge badge-{{ PRIORITY_COLOR.get(o.priority, 'neutral') }}">{{ PRIORITY_LABELS.get(o.priority, o.priority) }}</span>{% else %}—{% endif %}</td>
        <td><span class="badge badge-{{ SO_STATUS_COLOR.get(o.status, 'neutral') }}">{{ SO_STATUS_LABELS.get(o.status, o.status) }}</span></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 7. OFFENE ANFRAGEN ============= #}
{% if td.open_inquiries %}
<div class="card todo-section">
  <div class="card-header"><div>
    <h2>📨 Offene Anfragen</h2>
    <p class="sub">Beantworten oder als Angebot anlegen</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Nr.</th><th>Eingang</th><th class="num">Tage offen</th><th>Quelle</th><th>Betreff</th><th>Kunde</th></tr></thead>
    <tbody>
      {% for i in td.open_inquiries %}
      <tr class="cursor-pointer" onclick="location='/inquiries/{{ i.id }}'">
        <td class="nums">{{ i.inquiry_no }}</td>
        <td class="text-xs nums">{{ i.created_at[:10] }}</td>
        <td class="num nums {% if i.days_open > 2 %}text-amber-700 font-semibold{% endif %}">{{ "%.0f"|format(i.days_open) }} T</td>
        <td class="text-xs">{{ INQ_SOURCE_LABELS.get(i.source, i.source) }}</td>
        <td class="text-sm">{{ i.subject }}</td>
        <td class="text-xs">{{ i.customer or '—' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 8. ANGEBOTE LAUFEN AUS ============= #}
{% if td.expiring_quotes %}
<div class="card todo-section">
  <div class="card-header" style="background: rgba(245, 158, 11, 0.06);"><div>
    <h2 style="color:#d97706;">⏳ Angebote laufen demnächst aus</h2>
    <p class="sub">Nachfassen oder verlängern</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Angebot</th><th>Kunde</th><th class="num">Gültig bis</th><th class="num">Wert</th></tr></thead>
    <tbody>
      {% for q in td.expiring_quotes %}
      <tr class="cursor-pointer" onclick="location='/quotes/{{ q.id }}'">
        <td class="nums font-semibold">{{ q.quote_no }}</td>
        <td>{{ q.customer }}</td>
        <td class="num text-xs nums {% if q.valid_until <= td.today %}text-red-600 font-semibold{% endif %}">{{ q.valid_until }}</td>
        <td class="num nums">{{ money(q.total_gross) }} {{ q.currency }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 9. PAUSIERTE FERTIGUNGSAUFTRÄGE ============= #}
{% if td.paused_jobs %}
<div class="card todo-section">
  <div class="card-header"><div>
    <h2>⏸ Pausierte Fertigungsaufträge</h2>
    <p class="sub">Klären und weiterlaufen lassen</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Job</th><th>Auftrag / Kunde</th><th>Maschine</th><th class="num">Fortschritt</th><th class="num">Pausiert seit</th></tr></thead>
    <tbody>
      {% for j in td.paused_jobs %}
      <tr class="cursor-pointer" onclick="location='{% if j.sales_order_id %}/sales-orders/{{ j.sales_order_id }}{% else %}/production{% endif %}'">
        <td class="nums">{{ j.ident }}</td>
        <td class="text-xs">{% if j.order_no %}<span class="nums">{{ j.order_no }}</span> · {{ j.customer }}{% else %}—{% endif %}</td>
        <td class="text-xs">{{ j.machine or '—' }}</td>
        <td class="num nums">{{ j.qty_done }} / {{ j.qty_target }}</td>
        <td class="num text-xs nums">{{ j.paused_at[:16] if j.paused_at else '—' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 10. MATERIAL FEHLBESTAND ============= #}
{% if td.material_shortage_orders %}
<div class="card todo-section">
  <div class="card-header" style="background: rgba(239, 68, 68, 0.06);"><div>
    <h2 style="color:#dc2626;">📭 Aufträge mit Material-Fehlbestand</h2>
    <p class="sub">Bestellung anstoßen</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Auftrag</th><th>Kunde</th><th class="num">Liefertermin</th><th>Notiz</th></tr></thead>
    <tbody>
      {% for o in td.material_shortage_orders %}
      <tr class="cursor-pointer" data-order-id="{{ o.id }}" onclick="location='/sales-orders/{{ o.id }}'" title="Rechtsklick: Vorschau mit Zeichnung + Pipeline">
        <td class="nums font-semibold">{{ o.order_no }}</td>
        <td>{{ o.customer }}</td>
        <td class="num text-xs nums">{{ o.due_date or '—' }}</td>
        <td class="text-xs text-neutral-600">{{ o.material_note or '—' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 11. URLAUB HEUTE ============= #}
{% if td.vacation_today %}
<div class="card todo-section">
  <div class="card-header"><div>
    <h2>🌴 Urlaub heute</h2>
    <p class="sub">Wer ist abwesend</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Mitarbeiter</th><th>Von</th><th>Bis</th><th>Heute</th><th>Notiz</th></tr></thead>
    <tbody>
      {% for v in td.vacation_today %}
      <tr class="cursor-pointer" onclick="location='/vacation'">
        <td class="font-medium">{{ v.first_name }} {{ v.last_name }}</td>
        <td class="text-xs nums">{{ v.start_date }}</td>
        <td class="text-xs nums">{{ v.end_date }}</td>
        <td class="text-xs">
          {% if v.event == 'starts' %}<span class="badge badge-blue">startet</span>
          {% elif v.event == 'ends' %}<span class="badge badge-emerald">letzter Tag</span>
          {% else %}<span class="badge badge-neutral">abwesend</span>{% endif %}
        </td>
        <td class="text-xs text-neutral-600">{{ v.note or '—' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 12. PRÜFMITTEL ÜBERFÄLLIG ============= #}
{% if td.inspections_overdue %}
<div class="card todo-section">
  <div class="card-header" style="background: rgba(239, 68, 68, 0.06);"><div>
    <h2 style="color:#dc2626;">🔍 Prüfmittel überfällig</h2>
    <p class="sub">Kalibrierung / DGUV V3</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Artikel</th><th>Beschreibung</th><th class="num">Tage über</th></tr></thead>
    <tbody>
      {% for i in td.inspections_overdue %}
      <tr class="cursor-pointer" onclick="location='/items/{{ i.id }}'">
        <td class="nums font-semibold">{{ i.ident }}</td>
        <td class="text-xs">{{ i.description }}</td>
        <td class="num nums font-semibold text-red-600">{{ "%.0f"|format(i.days_late) }} T</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{% endblock %}