{# Expanded detail for a single flat — only shows downloaded images. #}
{% if enrichment_status == 'pending' %}
<div class="px-4 py-5 text-sm text-slate-500">Bilder werden abgerufen…</div>
{% elif enrichment_status == 'failed' %}
<div class="px-4 py-5 text-sm text-slate-500">
    Bilder konnten nicht geladen werden.
    <a href="{{ flat.link }}" target="_blank" rel="noopener" class="ml-1">Zur Original-Anzeige →</a>
</div>
{% elif image_urls %}
<div class="px-4 py-4 space-y-3">
    <div class="flat-gallery">
        {% for src in image_urls %}
        <button type="button" class="flat-gallery-tile" data-full-src="{{ src }}" aria-label="Foto {{ loop.index }} öffnen">
            <img src="{{ src }}" loading="lazy" alt="Foto {{ loop.index }}">
        </button>
        {% endfor %}
    </div>
    <div class="text-xs">
        <a href="{{ flat.link }}" target="_blank" rel="noopener">Zur Original-Anzeige →</a>
    </div>
</div>
{% else %}
<div class="px-4 py-5 text-sm text-slate-500">
    Keine Bilder gefunden.
    <a href="{{ flat.link }}" target="_blank" rel="noopener" class="ml-1">Zur Original-Anzeige →</a>
</div>
{% endif %}