{% extends 'base.html' %}
{% from 'macros.html' import grid with context %}
{% set occurrence = hit.occurrence %}{% set origin_source = occurrence.source if occurrence else image.source %}{% set origin_page = occurrence.page if occurrence else image.page %}
{% block title %}{{ origin_page.title or 'Bilddetail' }} · imgsrx{% endblock %}
{% block content %}
<a class="back-link" href="{{ back_url }}">← Zur vorherigen Ansicht</a>
<section class="detail-layout"><div class="detail-preview"><img src="/thumbnails/{{ image.thumbnail_path }}" alt="{{ occurrence.alt_text if occurrence and occurrence.alt_text else image.alt_text or origin_page.title }}"></div>
<div class="detail-info"><div class="eyebrow"><a href="/sources?source_id={{ origin_source.id }}{{ '&archived=true' if origin_source.archived else '' }}#source-{{ origin_source.id }}">{{ origin_source.domain }} →</a></div><h1>{{ occurrence.alt_text if occurrence and occurrence.alt_text else image.alt_text or origin_page.title or 'Ohne Titel' }}</h1><p class="muted">{{ image.width }} × {{ image.height }} · {{ hit.version_count }} {{ 'Version' if hit.version_count == 1 else 'Versionen' }} · {{ occurrences|length }} {{ 'Fundstelle' if occurrences|length == 1 else 'Fundstellen' }}</p>
{% if occurrence and not occurrence.available %}<p class="notice">Diese Fundstelle war beim letzten Abruf nicht verfügbar. Die lokale Vorschau bleibt erhalten.</p>{% elif not image.original_available %}<p class="notice">Die ursprüngliche Bilddatei war beim letzten Abruf nicht verfügbar. Der Index und die Vorschau bleiben erhalten.</p>{% endif %}
<a class="button full" href="{{ image_link(image.id, true) }}">Mehr davon entdecken →</a><div class="detail-links"><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>
<h2>Bildkontext</h2><p class="context">{{ occurrence.context_text if occurrence and occurrence.context_text else image.context_text or 'Kein beschreibender Kontext gefunden.' }}</p>
<h2>Bewerten</h2>{% include 'partials/feedback.html' %}
</div></section>
<section class="section" id="occurrences"><h2>Fundstellen und Herkunft</h2>{% for occurrence in occurrences %}<article class="panel occurrence"><h3><a href="{{ occurrence.page.url }}" target="_blank" rel="noopener noreferrer">{{ occurrence.page.title or occurrence.source.domain }} ↗</a></h3><a href="/sources?source_id={{ occurrence.source.id }}{{ '&archived=true' if occurrence.source.archived else '' }}#source-{{ occurrence.source.id }}">Quelle {{ occurrence.source.domain }} verwalten →</a><p>{{ occurrence.page.url }}</p><p>{{ 'Fundstelle zuletzt erreichbar' if occurrence.available else 'Fundstelle zuletzt nicht erreichbar' }} · überprüft: {% if occurrence.last_checked_at %}{{ timestamp(occurrence.last_checked_at) }}{% else %}Zeitpunkt nicht gespeichert{% endif %}</p>
<div class="inline-actions">{% if occurrence.crawl_run_id %}<a href="/crawls?run_id={{ occurrence.crawl_run_id }}#crawl-{{ occurrence.crawl_run_id }}">Zugehöriger Crawl-Lauf →</a>{% else %}<span>Ohne gespeicherte Laufzuordnung</span>{% endif %}{% if occurrence.discovery_result_id and discoveries.get(occurrence.discovery_result_id) %}<a href="/discovery?run_id={{ discoveries[occurrence.discovery_result_id].run_id }}&amp;status=approved">Quellensuche mit diesem Fund →</a>{% endif %}{% if occurrence.referring_page_id and referring.get(occurrence.referring_page_id) %}<a href="{{ referring[occurrence.referring_page_id].url }}" target="_blank" rel="noopener noreferrer">Verweisende Fundseite ↗</a>{% endif %}</div>
<p class="muted">Erstmals erfasst: {{ timestamp(occurrence.first_seen_at) }} · zuletzt gesehen: {{ timestamp(occurrence.last_seen_at) }}</p></article>{% else %}<p>Keine zusätzlichen Fundstellen gespeichert. Die oben verlinkte Herkunft bleibt verfügbar.</p>{% endfor %}</section>
<section class="section" id="versions" data-action-refresh><h2>Bildversionen · {{ hit.version_count }}</h2>
{% if versions %}<div class="version-grid">{% for version in versions %}<a href="{{ image_link(version.id) }}"><img src="/thumbnails/{{ version.thumbnail_path }}" alt="{{ version.alt_text or version.page.title or 'Weitere Bildversion' }}" loading="lazy"><span>{{ version.source.domain }} · {{ version.width }} × {{ version.height }}</span></a>{% endfor %}</div>{% else %}<p>Keine weiteren Bilddateien in dieser Gruppe.</p>{% endif %}
{% if comparison %}<div class="panel"><h3>Diese beiden Gruppen verbinden</h3><div class="version-grid compare-grid">{% for selected in [image, comparison] %}<div><img src="/thumbnails/{{ selected.thumbnail_path }}" alt="{{ selected.alt_text or selected.page.title }}"><p>{{ selected.alt_text or selected.page.title }} · {{ selected.source.domain }} · Bild {{ selected.id }}</p></div>{% endfor %}</div>{% if hit.group_id == comparison_hit.group_id %}<p>Diese Bilder gehören bereits zur gleichen Gruppe.</p><a href="{{ query_url(other_id=none) }}#versions">Vergleich schließen</a>{% else %}<p>Die Gruppe dieses Bildes ({{ hit.version_count }} Dateien) und die Gruppe von Bild {{ comparison.id }} ({{ comparison_hit.version_count }} Dateien) werden verbunden. Fundstellen und Dateien bleiben erhalten.</p><form method="post" action="/images/{{ image.id }}/duplicates" data-async-form><input type="hidden" name="csrf" value="{{ csrf }}"><input type="hidden" name="return_to" value="{{ return_to }}"><input type="hidden" name="other_id" value="{{ comparison.id }}"><button name="action" value="merge">Beide Bildgruppen verbinden</button><a href="{{ query_url(other_id=none) }}#versions">Vergleich schließen</a></form>{% endif %}</div>{% else %}<a class="text-link" href="/search?compare_to={{ image.id }}&amp;show_duplicates=true">Zweites Bild zum Vergleichen auswählen →</a>{% endif %}
{% if hit.version_count > 1 %}<form method="post" action="/images/{{ image.id }}/duplicates" data-async-form class="inline-actions"><input type="hidden" name="csrf" value="{{ csrf }}"><input type="hidden" name="return_to" value="{{ return_to }}"><button class="secondary" name="action" value="split">Dieses Bild aus der Gruppe lösen</button></form>{% endif %}</section>
<details id="image-maintenance"><summary>Technische Indexdaten und Wartung</summary><h2>Modellversionen</h2>{% for model, embedding in models %}<p>{{ model.model_name }} @ {{ model.model_version }} · {{ model.embedding_dimension }} Dimensionen · Eingabe: {{ embedding.input_kind }}</p>{% else %}<p>Noch kein Suchvektor gespeichert. <a href="/operations/jobs?kind=embed&amp;status=active">Anstehende Verarbeitung prüfen →</a></p>{% endfor %}<form action="/images/{{ image.id }}/reembed" method="post" data-async-form><input type="hidden" name="csrf" value="{{ csrf }}"><input type="hidden" name="return_to" value="{{ return_to }}"><button class="secondary">Suchvektor neu berechnen</button></form><dl><dt>Bildstatus</dt><dd>{{ state_label(image.status) }}</dd><dt>Ursprüngliche Bild-URL</dt><dd>{{ image.image_url }}</dd><dt>Dateiformat / Größe</dt><dd>{{ image.mime_type }} · {{ '%.0f'|format(image.file_size / 1024) }} KiB</dd><dt>SHA-256</dt><dd>{{ image.content_hash }}</dd><dt>pHash</dt><dd>{{ image.perceptual_hash }}</dd><dt>Erstmals erfasst</dt><dd>{{ timestamp(image.first_seen_at) }}</dd><dt>Zuletzt geprüft</dt><dd>{% if image.last_checked_at %}{{ timestamp(image.last_checked_at) }}{% else %}Unbekannt{% endif %}</dd></dl></details>
<section class="section"><div class="section-heading"><h2>Visuell verwandt</h2><a class="text-link" href="{{ image_link(image.id, true) }}">Alle ähnlichen Bilder →</a></div>{% if hits %}{{ grid(hits, csrf, q, topic_id) }}{% else %}<div class="quiet-empty">Noch keine weiteren verwandten Bilder mit aktuellem Suchvektor. <a href="/search">Sammlung ansehen →</a></div>{% endif %}</section>
{% endblock %}