{% extends "base.html" %}

{% block title %}Meine Aufgaben{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500">Heute · {{ tasks.today }}</p>{% endblock %}
{% block heading %}Meine Aufgaben — {{ user_label }}{% endblock %}

{% block topbar_actions %}
  <span class="text-sm text-neutral-500 nums">{{ tasks.total_count }} {% if tasks.total_count == 1 %}Eintrag{% else %}Einträge{% endif %} aktiv</span>
{% endblock %}

{% block content %}

{% if tasks.total_count == 0 and not tasks.open_rentals and not tasks.time_open and not tasks.vacation_today %}
<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">Aktuell sind dir keine Aufgaben zugewiesen.</p>
    <p class="text-xs text-neutral-500 mt-2">Sobald jemand dir einen Auftrag, eine Anfrage oder einen Fertigungs-Schritt zuweist, erscheint er hier.</p>
  </div>
</div>
{% endif %}

{# ============= 1. AKTUELL LAUFENDE PROZESS-SCHRITTE (am wichtigsten) ============ #}
{% if tasks.current_steps %}
<div class="card mb-4" style="background: rgba(232, 93, 47, 0.05); border-color: rgba(232, 93, 47, 0.30);">
  <div class="card-header" style="background: rgba(232, 93, 47, 0.06);"><div>
    <h2 style="color:#9a3412;">🔥 Gerade laufend</h2>
    <p class="sub">Aktive Prozess-Schritte auf deinen Jobs</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Job</th><th>Stufe</th><th>Auftrag</th><th>Kunde</th></tr></thead>
    <tbody>
      {% for s in tasks.current_steps %}
      <tr class="cursor-pointer" {% if s.sales_order_id %}data-order-id="{{ s.sales_order_id }}" onclick="location='/sales-orders/{{ s.sales_order_id }}'"{% endif %}>
        <td class="nums font-semibold">{{ s.job_ident }}</td>
        <td>
          <span class="inline-flex items-center gap-1.5">
            <span class="dot" style="background:{{ s.step_color }}"></span>
            <span class="font-semibold">{{ s.step_name }}</span>
          </span>
        </td>
        <td class="text-xs nums">{{ s.order_no or '—' }}</td>
        <td class="text-xs">{{ s.customer or '—' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 2. PRODUCTION-JOBS ZUGEWIESEN ============ #}
{% if tasks.production_jobs %}
<div class="card mb-4">
  <div class="card-header"><div>
    <h2>🛠️ Deine Fertigungs-Aufträge</h2>
    <p class="sub">{{ tasks.production_jobs|length }} aktiv</p>
  </div></div>
  <table class="data-table">
    <thead><tr>
      <th>Job-Nr</th>
      <th>Maschine</th>
      <th>Auftrag</th>
      <th>Kunde</th>
      <th>Liefertermin</th>
      <th class="num">Fortschritt</th>
      <th>Status</th>
    </tr></thead>
    <tbody>
      {% for j in tasks.production_jobs %}
      <tr class="cursor-pointer" {% if j.sales_order_id %}data-order-id="{{ j.sales_order_id }}" onclick="location='/sales-orders/{{ j.sales_order_id }}'"{% else %}onclick="location='/production'"{% endif %}>
        <td class="nums font-semibold">{{ j.ident }}</td>
        <td class="text-xs">{{ j.machine_name or '—' }}</td>
        <td class="text-xs nums">{{ j.order_no or '—' }}</td>
        <td class="text-xs">{{ j.customer or '—' }}</td>
        <td class="text-xs nums {% if j.due_date and j.due_date < tasks.today %}text-red-600 font-semibold{% endif %}">{{ j.due_date or '—' }}</td>
        <td class="num nums">{{ j.qty_done }} / {{ j.qty_target }}</td>
        <td>
          <span class="badge badge-{% if j.status == 'running' %}emerald{% elif j.status == 'paused' %}amber{% else %}neutral{% endif %}">
            {% if j.status == 'running' %}läuft
            {% elif j.status == 'paused' %}pausiert
            {% elif j.status == 'queued' %}geplant
            {% else %}{{ j.status }}{% endif %}
          </span>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 3. ANFRAGEN ZUGEWIESEN ============ #}
{% if tasks.assigned_inquiries %}
<div class="card mb-4">
  <div class="card-header"><div>
    <h2>📨 Dir zugewiesene Anfragen</h2>
    <p class="sub">Geplant — kalkulieren und Angebot erstellen</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Nr.</th><th>Betreff</th><th>Kunde</th><th class="num">Stk</th><th class="num">Stunden/Stk</th><th>Status</th></tr></thead>
    <tbody>
      {% for i in tasks.assigned_inquiries %}
      <tr class="cursor-pointer" onclick="location='/inquiries/{{ i.id }}'">
        <td class="nums">{{ i.inquiry_no }}</td>
        <td>{{ i.subject }}</td>
        <td class="text-xs">{{ i.customer_name or '—' }}</td>
        <td class="num nums">{{ i.plan.qty or '—' }}</td>
        <td class="num nums">{{ i.plan.hours_per_unit or '—' }}</td>
        <td><span class="badge badge-{% if i.status == 'quoted' %}blue{% else %}amber{% endif %}">
          {% if i.status == 'quoted' %}Angeboten{% else %}Offen{% endif %}
        </span></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 4. ZEIT-ERFASSUNG LÄUFT ============ #}
{% if tasks.time_open %}
<div class="card mb-4" style="background: rgba(43, 92, 230, 0.04);">
  <div class="card-header" style="background: rgba(43, 92, 230, 0.06);"><div>
    <h2 style="color:#1e3a8a;">⏱️ Aktive Zeit-Erfassung</h2>
  </div></div>
  <div class="p-5 text-sm">
    {% for t in tasks.time_open %}
    <p class="mb-2">
      <span class="badge badge-{% if t.entry_type == 'work' %}emerald{% else %}amber{% endif %}">{{ 'Arbeit' if t.entry_type == 'work' else 'Pause' }}</span>
      seit <span class="nums">{{ t.started_at[:16] }}</span>
      {% if t.production_job_id %}auf Job #{{ t.production_job_id }}{% endif %}
    </p>
    {% endfor %}
    <a class="btn btn-sm btn-secondary" href="/time">→ Zur Zeiterfassung</a>
  </div>
</div>
{% endif %}

{# ============= 5. OFFENE VERLEIH-BUCHUNGEN ============ #}
{% if tasks.open_rentals %}
<div class="card mb-4">
  <div class="card-header"><div>
    <h2>🔧 Werkzeug auf deinem Namen</h2>
    <p class="sub">{{ tasks.open_rentals|length }} offen</p>
  </div></div>
  <table class="data-table">
    <thead><tr><th>Artikel</th><th>Beschreibung</th><th class="num">Menge</th><th>Maschine</th><th class="num">Ausgegeben</th></tr></thead>
    <tbody>
      {% for r in tasks.open_rentals %}
      <tr class="cursor-pointer" onclick="location='/rentals'">
        <td class="nums">{{ r.item_ident or '—' }}</td>
        <td class="text-xs">{{ r.item_description or '—' }}</td>
        <td class="num nums">{{ r.quantity }}</td>
        <td class="text-xs">{{ r.machine_name or '—' }}</td>
        <td class="num text-xs nums">{{ r.rented_at[:16] }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ============= 6. URLAUB HEUTE ============ #}
{% if tasks.vacation_today %}
<div class="card mb-4">
  <div class="card-header"><div>
    <h2>🌴 Du bist heute im Urlaub</h2>
  </div></div>
  <div class="p-5 text-sm">
    {% for v in tasks.vacation_today %}
    <p>
      <b>{{ v.start_date }}</b> – <b>{{ v.end_date }}</b>
      ({{ v.days }} Werktage)
    </p>
    {% endfor %}
  </div>
</div>
{% endif %}

{% endblock %}