{% if photos %}
<div class="gallery">
    {% for photo in photos %}
    {% set share_url = request.url_root.rstrip('/') ~ photo.url %}
    {% set share_bbcode = '[img]' ~ share_url ~ '[/img]' %}
    {% set share_html = '<img src="' ~ share_url ~ '" alt="' ~ photo.original_name ~ '">' %}
    <article class="photo-card" data-id="{{ photo.id }}">
        <div class="photo-card__image-wrap">
            <img
                src="{{ photo.url }}"
                alt="{{ photo.original_name }}"
                class="photo-card__image"
                loading="lazy"
            >
            <div class="photo-card__overlay">
                <button type="button" class="btn btn--ghost btn--sm copy-btn" data-url="{{ share_url }}">
                    Ссылка
                </button>
                <button type="button" class="btn btn--ghost btn--sm copy-btn" data-url="{{ share_bbcode }}">
                    BBCode
                </button>
                <button
                    type="button"
                    class="btn btn--ghost btn--sm share-qr-btn"
                    data-url="{{ share_url }}"
                    data-bbcode="{{ share_bbcode }}"
                    data-html="{{ share_html }}"
                    data-qr="{{ url_for('main.photo_qr', photo_id=photo.id) }}"
                    data-name="{{ photo.original_name }}"
                >
                    QR
                </button>
                <a href="{{ photo.url }}" target="_blank" class="btn btn--ghost btn--sm">Открыть</a>
            </div>
        </div>
        <div class="photo-card__info">
            <span class="photo-card__name" title="{{ photo.original_name }}">{{ photo.original_name }}</span>
            <div class="photo-card__meta">
                <span>{{ photo.size_human }}</span>
                <span>{{ photo.created_at.strftime('%d.%m.%Y %H:%M') }}</span>
            </div>
            {% if show_owner and photo.owner %}
            <div class="photo-card__owner">@{{ photo.owner.username }}</div>
            {% endif %}
            {% if delete_mode == 'admin' %}
            <form action="{{ url_for('admin.delete_photo', photo_id=photo.id) }}" method="post" class="photo-card__delete" onsubmit="return confirm('Удалить это фото?');">
                <button type="submit" class="btn btn--danger btn--sm">Удалить</button>
            </form>
            {% elif current_user.is_authenticated and (current_user.is_admin or photo.user_id == current_user.id) %}
            <form action="{{ url_for('main.delete_photo', photo_id=photo.id) }}" method="post" class="photo-card__delete" onsubmit="return confirm('Удалить это фото?');">
                <button type="submit" class="btn btn--danger btn--sm">Удалить</button>
            </form>
            {% endif %}
        </div>
    </article>
    {% endfor %}
</div>
{% else %}
<div class="empty-state">
    <div class="empty-state__icon">🖼️</div>
    <h3>{{ empty_title or 'Пока нет фотографий' }}</h3>
    <p>{{ empty_text or 'Загрузите первое изображение — оно появится здесь' }}</p>
    {% if empty_link %}
    <a href="{{ empty_link }}" class="btn btn--primary">{{ empty_link_text or 'Загрузить фото' }}</a>
    {% endif %}
</div>
{% endif %}