{% extends "base.html" %}

{% block title %}Wiedervorlagen{% endblock %}
{% block heading %}Wiedervorlagen{% endblock %}

{% block topbar_actions %}
  <div class="tabs">
    <a class="tab {% if view == 'today' %}is-active{% endif %}" href="/followups?view=today">
      Heute {% if counts.today %}<span class="badge badge-orange">{{ counts.today }}</span>{% endif %}
    </a>
    <a class="tab {% if view == 'overdue' %}is-active{% endif %}" href="/followups?view=overdue">
      Überfällig {% if counts.overdue %}<span class="badge badge-red">{{ counts.overdue }}</span>{% endif %}
    </a>
    <a class="tab {% if view == 'all' %}is-active{% endif %}" href="/followups?view=all">Alle Offenen</a>
    <a class="tab {% if view == 'done' %}is-active{% endif %}" href="/followups?view=done">Erledigt</a>
  </div>
  <button class="btn btn-primary" onclick="document.getElementById('new-followup').open = true">+ Neue Wiedervorlage</button>
{% endblock %}

{% block content %}

<details id="new-followup" class="card" style="margin-bottom: 4mm;">
  <summary>+ Neue Wiedervorlage anlegen</summary>
  <form method="post" action="/followups/new" style="margin-top: 3mm;">
    <input type="hidden" name="redirect_to" value="/followups?view={{ view }}">
    <div class="form-grid">
      <label>Bezogen auf
        <select name="entity_type">
          {% for k, v in entity_labels.items() %}
            <option value="{{ k }}">{{ v }}</option>
          {% endfor %}
        </select>
      </label>
      <label>Entity-ID
        <input type="number" name="entity_id" value="0" required>
      </label>
      <label>Fälligkeit
        <input type="date" name="due_date" required>
      </label>
      <label class="span-2">Was nachfassen
        <input type="text" name="note" required placeholder="z.B. Angebot AG-2026-0042 — beim Kunden nachhaken">
      </label>
      <div style="display:flex;align-items:flex-end;">
        <button type="submit" class="btn btn-primary" style="width:100%;">Anlegen</button>
      </div>
    </div>
  </form>
</details>

<div class="card">
  {% if followups %}
  <table class="data-table">
    <thead>
      <tr>
        <th>Fälligkeit</th>
        <th>Bezogen auf</th>
        <th>Notiz</th>
        <th>Zugewiesen</th>
        <th>Aktionen</th>
      </tr>
    </thead>
    <tbody>
      {% for f in followups %}
      <tr {% if f.status == 'open' and f.due_date < '2026-05-22' %}style="background:rgba(239,68,68,0.06);"{% endif %}>
        <td class="nums {% if f.due_date < '2026-05-22' and f.status == 'open' %}font-semibold{% endif %}">{{ f.due_date }}</td>
        <td class="text-xs">
          <span class="badge badge-neutral">{{ entity_labels.get(f.entity_type, f.entity_type) }}</span>
          #{{ f.entity_id }}
        </td>
        <td>{{ f.note }}</td>
        <td class="text-xs">{{ f.assigned_name or '—' }}</td>
        <td>
          {% if f.status == 'open' %}
            <form method="post" action="/followups/{{ f.id }}/done" style="display:inline;">
              <input type="hidden" name="redirect_to" value="/followups?view={{ view }}">
              <button type="submit" class="btn btn-sm btn-primary">✓ Erledigt</button>
            </form>
            <form method="post" action="/followups/{{ f.id }}/snooze" style="display:inline;">
              <input type="hidden" name="days" value="7">
              <input type="hidden" name="redirect_to" value="/followups?view={{ view }}">
              <button type="submit" class="btn btn-sm btn-secondary">+7 Tage</button>
            </form>
          {% else %}
            <span class="text-xs text-muted">{{ f.status }}</span>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="text-muted">Keine Wiedervorlagen in dieser Ansicht.</p>
  {% endif %}
</div>
{% endblock %}