{# Posts are supplied by the controller, never read from stored content. #}
{% if posts is empty %}
    <p class="post-empty">Hier erscheinen die Beiträge, sobald welche veröffentlicht sind.</p>
{% else %}
{% set art = layout|default('karten') %}
<ul class="post-list post-list-{{ art }}">
    {% for post in posts %}
    <li class="post-card">
        {% if post.image and art != 'kompakt' %}
        <a class="post-image" href="{{ post.href }}" tabindex="-1" aria-hidden="true">
            <img src="{{ post.image.variants|last.src }}" alt="" width="{{ post.image.variants|last.width }}" height="{{ post.image.variants|last.height }}" loading="lazy" decoding="async"
                 srcset="{% for source in post.image.variants %}{{ source.src }} {{ source.width }}w{% if not loop.last %}, {% endif %}{% endfor %}" sizes="(max-width: 650px) 100vw, 380px">
            {# Der Hinweis liegt über dem Bild und erscheint beim Zeigen. Für Vorlesesoftware ist
               er nichts Neues - der Titel darunter ist derselbe Verweis -, deshalb ausgeblendet. #}
            <span class="post-view" aria-hidden="true">Ansehen</span>
        </a>
        {% endif %}
        <div class="post-body">
            <h3><a href="{{ post.href }}">{{ post.title }}</a></h3>
            {% if (showMeta ?? true) and (post.publishedAt or post.author) %}
            <p class="post-meta">
                {% if post.publishedAt %}<time datetime="{{ post.publishedAt|date('Y-m-d') }}">{{ post.publishedAt|date('d.m.Y') }}</time>{% endif %}
                {% if post.author %}<span>von {{ post.author }}</span>{% endif %}
            </p>
            {% endif %}
            {% if (showExcerpt ?? true) and post.excerpt %}<p class="post-excerpt">{{ post.excerpt }}</p>{% endif %}
            {% if art == 'wechsel' %}<span class="post-more" aria-hidden="true">Weiterlesen</span>{% endif %}
            {% if (showTerms ?? true) and post.terms.category is not empty %}
            <p class="post-terms">{% for term in post.terms.category %}<a href="{{ term.href }}">{{ term.name }}</a>{% endfor %}</p>
            {% endif %}
        </div>
    </li>
    {% endfor %}
</ul>
{% endif %}
{% if pages|default(1) > 1 %}
{# Dieselbe Blätterleiste wie im Archiv: eine Liste, die mehr hat als sie zeigt, sagt es. #}
<nav class="post-pager" aria-label="Weitere Beiträge">
    {% if page > 1 %}<a rel="prev" href="?seite={{ page - 1 }}">← Neuere</a>{% endif %}
    <span>Seite {{ page }} von {{ pages }}{% if total %} · {{ total }} Beiträge{% endif %}</span>
    {% if page < pages %}<a rel="next" href="?seite={{ page + 1 }}">Ältere →</a>{% endif %}
</nav>
{% endif %}