{#-
  SPDX-License-Identifier: LicenseRef-CMSD-1.0
  Copyright (c) 2026 CyberMind — Gérald Kerma <devel@cybermind.fr>
  Cartes « dossier » du fil — partiel partagé par la page (feed.html) et le
  fragment de défilement infini (/feed/suite, #1268). Un seul rendu de carte :
  la page et les pages suivantes sont identiques au pixel.
-#}
{% for b in billets %}
<article class="dossier h-entry billet">
  {% include "_zani_stamp.html" %}
  <div class="src">
    <div class="kind"><span class="em">📝</span><span class="lb">billet</span></div>
    <div class="body">
      {% if b.published_at %}<div class="origin">{{ b.published_at[:10] }}</div>{% endif %}
      {% if b.title %}<h2><a class="u-url p-name" href="/b/{{ b.slug }}">{{ b.title }}</a></h2>{% endif %}
      {% if b.is_long %}
      <p class="lede p-summary">{{ b.summary }}</p>
      {% else %}
      <div class="e-content">{{ b.body_html|safe }}</div>
      {% endif %}
    </div>
  </div>
  {% set imgs = (b.media | selectattr('thumb') | list) if b.media else [] %}
  {% if imgs %}
  <div class="prev"><div class="gallery" data-lightbox>
    {% for m in imgs %}
    <a class="gallery-item" href="/media/{{ m.filename }}" data-full="/media/{{ m.filename }}"
       data-alt="{{ m.alt }}" aria-label="Agrandir l'image">
      <img src="/media/{{ m.thumb }}" alt="{{ m.alt }}" loading="lazy" width="{{ m.width }}" height="{{ m.height }}"></a>
    {% endfor %}
  </div></div>
  {% endif %}
  {# a/v/pdf : embarqués dans le corps pour un billet court (#1094). Pour un
     billet LONG, seul le résumé s'affiche — on montre alors le média ici, sinon
     il disparaîtrait de la vitrine. #}
  {% set av = (b.media | rejectattr('thumb') | list) if b.media else [] %}
  {% if b.is_long and av %}
  <div class="prev"><div class="smedias">
    {% for m in av %}{% set ext = m.filename.rsplit('.', 1)[-1] | lower %}
    {% if ext in ['mp4','webm','ogv','mov'] %}<video class="sv" controls preload="metadata" playsinline src="/media/{{ m.filename }}"></video>
    {% elif ext in ['mp3','ogg','oga','wav','m4a','weba','aac','flac'] %}<audio class="sa" controls preload="none" src="/media/{{ m.filename }}"></audio>
    {% elif ext == 'pdf' %}<a class="sf" href="/media/{{ m.filename }}" target="_blank" rel="noopener">📄 Ouvrir le PDF</a>{% endif %}
    {% endfor %}
  </div></div>
  {% endif %}
  {% if b.style == 'communique' and b.embed_snapshot_url %}
  <div class="prev"><a class="embed-vignette" href="/b/{{ b.slug }}" aria-label="Voir le communiqué"><img src="{{ b.embed_snapshot_url }}" alt="Aperçu de la transmission" loading="lazy"></a></div>
  {% elif b.embed_html %}<div class="prev"><div class="embed">{{ b.embed_html|safe }}</div></div>{% endif %}
  <div class="dfoot">
    <span class="meta">
      {% if b.tags %}{% for t in b.tags %}<a class="tag-chip sm p-category" href="/?tag={{ t.slug }}">{{ t.emoji }} #{{ t.slug }}</a>{% endfor %}{% endif %}
      {% if b.ref_host %}<a class="ref-chip u-url" href="{{ b.ref_url }}" target="_blank" rel="noopener nofollow ugc">↗ {{ b.ref_host }}</a>{% endif %}
      {% if b.published_at %}<time class="dt-published mini" datetime="{{ b.published_at }}">{{ b.published_at[:10] }}</time>{% endif %}
    </span>
    <span class="grow"></span>
    {% with share=b.share, permalink=b.permalink, title=b.title %}{% include "_share_quick.html" %}{% endwith %}
    {% if b.is_long %}<a class="btn discuss" href="/b/{{ b.slug }}">Lire la suite →</a>{% endif %}
    <a class="btn u-url" href="/b/{{ b.slug }}">permalien</a>
  </div>
</article>
{% endfor %}