{% extends "base.html" %}

{% block content %}
<h2>Фотогалерея</h2>

<div class="gallery-intro">
    <p>Здесь вы можете увидеть фотографии нашей базы, лошадей и счастливых посетителей. Приходите к нам, чтобы создать свои яркие воспоминания!</p>
</div>

<div class="gallery-grid">
    {% if images %}
        {% for image in images %}
        <div class="gallery-item">
            <img src="{{ url_for('static', filename='images/gallery/' + image) }}" alt="Фото с базы Конный двор">
            <p class="gallery-caption">{{ image.replace('_', ' ').replace('-', ' ').split('.')[0] }}</p>
        </div>
        {% endfor %}
    {% else %}
        <div class="gallery-item placeholder">
            <div class="gallery-placeholder">
                <span class="placeholder-icon">📷</span>
                <p>Фото скоро появятся</p>
            </div>
            <p class="gallery-caption">Добавьте фотографии в папку static/images/gallery/</p>
        </div>
    {% endif %}
</div>

{% if images %}
<div class="gallery-note">
    <p>Всего фотографий: {{ images|length }}. Хотите поделиться своими фотографиями? Отмечайте нас в социальных сетях с хештегом #КонныйДворБелорецк</p>
</div>
{% endif %}
{% endblock %}