{% 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="Upload von {{ image['uploaded_by'] }}" loading="lazy" />
      </a>
      <figcaption>von {{ image['uploaded_by'] }}</figcaption>
    </figure>
    {% endfor %}
  </div>
  {% else %}
  <p>Noch keine Bilder vorhanden.</p>
  {% endif %}
</section>
{% endblock %}