{% extends 'base.html' %}
{% from 'topic_fields.html' import fields %}
{% block title %}Themen · imgsrx{% endblock %}
{% block content %}
<section class="page-top"><div class="eyebrow">DEIN SUCHINTERESSE</div><h1>Themen.</h1><p>Ein Thema verknüpft passende Bilder aus dem gesamten Bestand. Vorhandene Quellen werden geprüft und bei Bedarf begrenzt erneut erfasst.</p>{% if not archived %}<a class="text-link" href="#topic-add" data-open-details>Thema anlegen +</a>{% endif %}</section>
{% if not archived %}<details class="panel add-form" id="topic-add" {% if not (topics) %}open{% endif %}><summary>Thema anlegen</summary><form method="post" action="/topics" data-async-form><input name="csrf" type="hidden" value="{{ csrf }}"><input type="hidden" name="return_to" value="{{ return_to }}">{{ fields() }}<button>Speichern und analysieren</button></form></details>{% endif %}
<nav class="filter-tabs"><a href="/topics" {% if not archived %}aria-current="page"{% endif %}>Aktive Themen</a><a href="/topics?archived=true" {% if archived %}aria-current="page"{% endif %}>Papierkorb</a></nav>
<div id="topic-list">{% for topic in topics %}{% include 'partials/topic_card.html' %}{% else %}<p class="quiet-empty">{% if archived %}Der Papierkorb ist leer. <a href="/topics">Aktive Themen ansehen →</a>{% else %}Noch keine Themen vorhanden. Themen sammeln passende Bilder und steuern die Erfassung vorhandener Quellen. <a href="#topic-add" data-open-details>Erstes Thema anlegen →</a> · <a href="/sources">Bekannte Quelle direkt hinzufügen →</a>{% endif %}</p>{% endfor %}</div>
{% endblock %}