{% extends "base.html" %}
{% from "partials/macros.html" import avatar, task_card %}
{% block title %}Archiv · Putzliga{% endblock %}
{% block page_title %}Archiv{% endblock %}
{% block content %}
  <section class="hero-grid">
    <article class="hero-card">
      <p class="eyebrow">Erledigte Aufgaben</p>
      <h2>Was schon geschafft wurde</h2>
      <p>Hier landen alle erledigten Aufgaben. Du kannst pro Person sehen, was heute, gestern, vorgestern und davor erledigt wurde.</p>
    </article>
    <article class="panel highlight-panel">
      <p class="eyebrow">Ansicht</p>
      <h2>{{ selected_user.name }}</h2>
      <p class="muted">Wechsle über die Tabs direkt zwischen den erledigten Aufgaben der einzelnen Nutzer.</p>
    </article>
  </section>

  <section class="archive-user-tabs" aria-label="Archiv nach Nutzer">
    {% for user in archive_users %}
      <a
        href="{{ url_for('tasks.archive_view', user_id=user.id) }}"
        class="archive-user-tab {% if selected_user.id == user.id %}is-active{% endif %}"
      >
        {{ avatar(user) }}
        <span>{{ user.name }}</span>
      </a>
    {% endfor %}
  </section>

  {% for section in archive_sections %}
    <section class="stack">
      <div class="section-heading">
        <h2>{{ section.label }}</h2>
        <span class="section-heading__count">{{ section.tasks|length }}</span>
      </div>
      <div class="task-grid">
        {% for task in section.tasks %}
          {{ task_card(task, current_user, compact=true) }}
        {% endfor %}
      </div>
    </section>
  {% else %}
    <section class="panel">
      <div class="empty-state">Für {{ selected_user.name }} gibt es im Archiv noch keine erledigten Aufgaben.</div>
    </section>
  {% endfor %}
{% endblock %}
