{% extends 'base.html' %}
{% from 'macros.html' import search_form, grid, jobs_table with context %}
{% block content %}
<section class="hero">
  <div class="eyebrow"><span class="tiny-square"></span> DEIN VISUELLES ARCHIV</div>
  <h1>Eine Idee im Kopf.<br><span>Das passende Bild im Index.</span></h1>
  <p>Durchsuche deine Quellen mit Worten. Entdecke mit einem Bild das nächste.<br>Deine Sammlung, deine Themen, neue Perspektiven.</p>
  {{ search_form() }}
  <p><a class="button" href="/sources#source-add">URL hinzufügen und Bilder indexieren</a></p>
  <div class="search-hint">Text → Bild <span>·</span> Bild → Mehr davon <span>·</span> Nur von dir freigegebene Quellen</div>
</section>
<section class="stats" aria-label="Index-Statistik">
  <div><strong>{{ stats.images }}</strong><span>Aktuell suchbare Bilder</span></div>
  <div><strong>{{ stats.sources }}</strong><span>Quellen</span></div>
  <div><strong>{{ stats.pages }}</strong><span>Erfasste Seiten</span></div>
  <div><strong>{{ stats.discoveries }}</strong><span>Offene Vorschläge</span></div>
</section>
<section class="section">
  <div class="section-heading"><div><div class="eyebrow">DEINE SAMMLUNG</div><h2>Zuletzt entdeckt</h2></div><a class="text-link" href="/search">Alle Bilder ansehen →</a></div>
  {% if hits %}{{ grid(hits) }}{% else %}
  <div class="onboarding">
    <div class="empty-art" aria-hidden="true"><div class="art-frame back"></div><div class="art-frame front"><span>↗</span><div class="art-hill"></div></div><span class="art-spark">✳</span></div>
    <div><h2>{{ 'Die Erfassung ist eingerichtet.' if stats.sources else 'Füge deine erste Quelle hinzu.' }}</h2><p>{{ 'Den aktuellen Fortschritt und mögliche Blockierungen siehst du direkt an der Quelle.' if stats.sources else 'Gib eine Website-URL an. Die Bilder werden automatisch erfasst und durchsuchbar gemacht.' }}</p><a class="button" href="/sources{{ '' if stats.sources else '#source-add' }}">{{ 'Quellen und Fortschritt' if stats.sources else 'URL hinzufügen' }} →</a></div>
  </div>
  {% endif %}
</section>
{% endblock %}