<div class="attachment-gallery">
    {% for att in _attachments %}
    <div class="attachment-gallery-item" data-att-uid="{{ att.uid }}">
        {% if att.get('is_image') and att.get('thumbnail_url') %}
        <img src="{{ att['thumbnail_url'] }}" alt="{{ att.get('original_filename', '') }}" loading="lazy" class="gallery-thumb" data-lightbox data-full="{{ att['url'] }}" data-mime="{{ att.get('mime_type', '') }}">
        {% elif att.get('is_image') %}
        <img src="{{ att['url'] }}" alt="{{ att.get('original_filename', '') }}" loading="lazy" class="gallery-thumb" data-lightbox data-full="{{ att['url'] }}" data-mime="{{ att.get('mime_type', '') }}">
        {% elif att.get('is_video') %}
        <video src="{{ att['url'] }}" controls preload="metadata" class="gallery-video"></video>
        {% elif att.get('is_audio') %}
        <audio src="{{ att['url'] }}" controls preload="metadata" class="gallery-audio"></audio>
        {% else %}
        <a href="{{ att['url'] }}" target="_blank" rel="noopener" class="non-image" download="{{ att.get('original_filename', 'file') }}">
            <span class="icon">{{ file_icon_emoji(att.get('original_filename', 'file')) }}</span>
            <span class="name">{{ att.get('original_filename', 'file') }}</span>
            <span class="size">{{ format_file_size(att.get('file_size', 0)) }}</span>
        </a>
        {% endif %}
        {% if att.get('can_modify') %}
        <button type="button" class="issue-att-delete" data-attachment-delete data-action="{{ _delete_base }}/{{ att.uid }}" aria-label="Delete attachment">&times;</button>
        {% endif %}
    </div>
    {% endfor %}
</div>
