{% extends 'base.html' %}
{% block content %}
<section class="card">
  <h1>{{ t('gallery') }}</h1>
  {% if images %}
  <div class="gallery-grid">
    {% for image in images %}
    <figure class="gallery-item">
      <a href="{{ url_for('serve_upload', filename=image['filename']) }}" target="_blank" rel="noopener">
        <img src="{{ url_for('serve_upload', filename=image['filename']) }}" alt="{{ t('gallery_image_alt').format(name=image['uploaded_by']) }}" loading="lazy" />
      </a>
      <figcaption>{{ t('gallery_uploaded_by').format(name=image['uploaded_by']) }}</figcaption>
    </figure>
    {% endfor %}
  </div>
  {% else %}
  <p>{{ t('gallery_empty') }}</p>
  {% endif %}
</section>
{% endblock %}