{% macro search_form(q='') %}
<form action="/search" method="get" class="search-form" data-busy-form>
  <span class="search-icon" aria-hidden="true">⌕</span>
  <label class="sr-only" for="q">Bilder beschreiben</label>
  <input id="q" name="q" value="{{ q }}" maxlength="500" placeholder="Beschreibe ein Bild. Zum Beispiel: rote Straßenbahn bei Nacht">
  {% for key, value in query_pairs|default([]) %}<input type="hidden" name="{{ key }}" value="{{ value }}">{% endfor %}
  <button type="submit">Bilder finden <span aria-hidden="true">↗</span></button>
</form>
{% endmacro %}

{% macro grid(hits, csrf=none, q="", topic_id=none) %}
<div class="image-grid">
{% for hit in hits %}{% set image = hit.image %}{% set occurrence = hit.occurrence %}{% set origin_source = occurrence.source if occurrence else image.source %}{% set origin_page = occurrence.page if occurrence else image.page %}
  <article id="image-{{ image.id }}" class="image-card">
    <a class="image-preview" href="{{ image_link(image.id) }}"><img src="/thumbnails/{{ image.thumbnail_path }}" alt="{{ occurrence.alt_text if occurrence and occurrence.alt_text else image.alt_text or origin_page.title or 'Indexiertes Bild' }}" loading="lazy" width="{{ image.width }}" height="{{ image.height }}"></a>
    <div class="card-body">
      <div class="card-meta"><span>{{ origin_source.domain }}</span>{% if hit.score is not none %}<span class="score">Rang {{ '%.3f'|format(hit.score) }}</span>{% endif %}</div>
      <a class="card-title" href="{{ image_link(image.id) }}">{{ occurrence.alt_text if occurrence and occurrence.alt_text else image.alt_text or origin_page.title or 'Ohne Titel' }}</a>
      <p class="dimensions">{{ image.width }} × {{ image.height }}{% if hit.version_count > 1 %} · <a href="{{ image_link(image.id) }}#versions">{{ hit.version_count }} Versionen</a>{% endif %}{% if hit.occurrence_count > 1 %} · {{ hit.occurrence_count }} Fundstellen{% endif %}</p>
      <a class="button more-link" href="{{ image_link(image.id, true) }}">Mehr davon →</a>
      {% if compare_to and image.id != compare_to %}<a class="button secondary" href="/images/{{ compare_to }}?other_id={{ image.id }}">Diese beiden Bilder vergleichen →</a>{% endif %}
      <div class="card-actions"><a href="{{ origin_page.url }}" target="_blank" rel="noopener noreferrer">Fundseite ↗</a><a href="{{ occurrence.image_url if occurrence else image.image_url }}" target="_blank" rel="noopener noreferrer">Bilddatei ↗</a></div>
      {% if occurrence and not occurrence.available %}<p class="muted">Diese Fundstelle war zuletzt nicht erreichbar.</p>{% elif not image.original_available %}<p class="muted">Die ursprüngliche Bilddatei war zuletzt nicht erreichbar; Vorschau bleibt erhalten.</p>{% endif %}
      {% if hit.components %}<details id="ranking-{{ image.id }}"><summary>Warum dieser Treffer?</summary><p>Rang ist die gewichtete Kombination der folgenden Beiträge, keine Wahrscheinlichkeit. Die Mindestähnlichkeit filtert ausschließlich die Bildähnlichkeit.</p><dl>{% for name, value in hit.components.items() %}<dt>{{ {'image_similarity':'Bildähnlichkeit','text_similarity':'Kontextähnlichkeit','topic_score':'Themenrelevanz','source_quality':'Qualität der primären Quelle','user_feedback_score':'Nutzerfeedback','availability':'Bildverfügbarkeit'}.get(name, name) }}</dt><dd>{{ 'Kein Thema gewählt' if name == 'topic_score' and not hit.topic_applied else '%.3f'|format(value) }} · Gewicht {{ '%.1f'|format(hit.weights[name]*100) }} % · Rangbeitrag {{ '%.3f'|format(hit.contributions[name]) }}</dd>{% endfor %}</dl></details>{% endif %}
      {% if csrf %}{% include 'partials/feedback.html' %}{% endif %}
    </div>
  </article>
{% endfor %}
</div>
{% endmacro %}

{% macro jobs_table(jobs, empty_message="Keine Seitenjobs in dieser Auswahl.") %}
{% if jobs %}<div class="table-scroll" role="region" aria-label="Seitenjobs; seitlich scrollbare Tabelle" tabindex="0"><p class="scroll-hint">Weitere Spalten durch seitliches Scrollen.</p><table><caption>Seitenjobs</caption><thead><tr><th>Seite</th><th>Status</th><th>Bilder</th><th>Versuch</th><th>Zuletzt gestartet</th></tr></thead><tbody>
{% for job in jobs %}{% set shown_url = current_request_url(job.source, job.url) if job.status in ["pending", "running"] else job.url %}<tr><td>{% if job.status not in ["pending", "running"] %}<small>Historischer Auftrag · {{ timestamp(job.completed_at) }}</small><br>{% endif %}<a class="table-url" href="{{ shown_url }}" target="_blank" rel="noopener noreferrer">{{ shown_url }}</a>{% if job.error %}<details class="job-error" id="page-job-error-{{ job.id }}"><summary>Protokoll</summary><p>{{ state_label(job.error_type) }}</p><a href="/operations/jobs?kind=crawler&amp;status={{ job.status }}&amp;run_id={{ job.run_id }}&amp;job_id={{ job.id }}#job-{{ job.id }}">Aufgabe und Wiederholungszustand →</a><pre>{{ job.error }}</pre></details>{% endif %}</td><td>{{ status_badge(job.status) }}</td><td>{{ job.images_indexed }} / {{ job.images_found }}</td><td>{{ job.attempts }}</td><td class="nowrap">{{ timestamp(job.started_at, 'noch nicht gestartet') }}</td></tr>{% endfor %}
</tbody></table></div>{% else %}<div class="quiet-empty">{{ empty_message }} <a href="/sources">Quellen öffnen →</a></div>{% endif %}
{% endmacro %}

{% macro crawl_fields(source=none) %}
<label>Quellentyp<select name="source_type">{% for value, name in source_types.items() %}<option value="{{ value }}" {% if (source.source_type if source else 'auto') == value %}selected{% endif %}>{{ name }}</option>{% endfor %}</select></label>
<p class="muted">Forum: Übersicht → Threads → Threadseiten. Bilderportal: Übersicht → Galerie → Bildseiten. Shop: Kategorie → Produkte. „Automatisch“ erkennt bekannte Strukturen; unbekannte Seiten werden allgemein erfasst.</p>
<label>Freigegebener Bereich<select name="crawl_scope"><option value="prefix" {% if source and source.crawl_scope == 'prefix' %}selected{% endif %}>URL-Pfad und Unterseiten</option><option value="domain" {% if not source or source.crawl_scope == 'domain' %}selected{% endif %}>Gesamte Domain</option><option value="exact" {% if source and source.crawl_scope == 'exact' %}selected{% endif %}>Nur diese Seite</option></select></label>
<p class="scope-help" data-scope-help data-start-url="{{ source.start_url if source else '' }}">{{ scope_description(source.crawl_scope if source else 'domain', source.start_url if source else '') }}</p>
<p>Für Galerien in verschiedenen Bereichen derselben Website wähle „Gesamte Domain“. „URL-Pfad“ bei einer Startseite wie /index erfasst keine Galerie unter /galerie. Normale Galerie-Links und Sitemaps ergänzen automatisch das gespeicherte Seitenverzeichnis; Bilder werden währenddessen verarbeitet. JavaScript-Klicks werden nicht ausgeführt.</p><h3>Crawl-Verhalten</h3><div class="form-grid">
<label>Re-Crawl-Intervall (Tage)<input name="recrawl_days" type="number" min="1" max="3650" value="{{ source.recrawl_days if source else 30 }}" required></label>
<label>Pause zwischen Abrufen (Sekunden)<input name="crawl_delay" type="number" min="0.1" max="300" step="0.1" value="{{ source.crawl_delay if source else 2 }}" required></label>
<label>Max. parallele Anfragen je Domain<input name="max_concurrent_requests_per_domain" type="number" min="1" max="8" value="{{ source.max_concurrent_requests_per_domain if source else 1 }}" required></label></div>
<p>Die Erfassung läuft ohne Limits für Dauer, Anfragen, Datenmenge, Seiten, Bilder oder Tiefe. Offene URLs bleiben bei Pausen und Neustarts gespeichert. Bekannte Seiten werden im eingestellten Intervall erneut geprüft.</p>
{% endmacro %}