{% extends "base.html" %}
{% block title %}Gallery · {{ app_name }}{% endblock %}
{% block body %}
<h1>Gallery <small class="hint">{{ media|length }} photos</small> <a class="gear" href="/settings#stamps" title="stamp layout and stats">⚙</a></h1>
{% if media %}
<div class="gallery">
  {% for m in media %}
  <figure class="shot">
    <a href="/media/{{ m.id }}" target="_blank"><img src="/media/{{ m.id }}/thumb" alt="{{ m.caption }}" loading="lazy"></a>
    <figcaption>
      <b>{{ m.task_title or m.caption or m.kind }}</b>
      <span>{{ (m.taken_at or m.uploaded_at)|local }}</span>
      <div class="chips">
        <a class="chip on" data-share data-name="latch-{{ m.id }}-stamped.jpg" href="/media/{{ m.id }}/stamped">📤 share stamped</a>
      </div>
      <details class="stamp">
        <summary>&#11015; stamped export</summary>
        <div class="chips">
          {% for tok, name in stamp_layouts %}
            <a class="chip" href="/media/{{ m.id }}/stamped?layout={{ tok }}" download>{{ name }}</a>
          {% endfor %}
        </div>
      </details>
    </figcaption>
  </figure>
  {% endfor %}
</div>
{% else %}
<section class="card"><p class="hint">No photos yet — tap 📸 on the dashboard, or complete a verification task, and it lands here.</p></section>
{% endif %}
{% endblock %}