{% extends '_layout/base' %}
{% import '_helpers/_image_webp' as media %}
{% set body_classes = 'gallery-item-page' %}
{% block content %}
    <div id="page-header" class="m-has-breadcrumbs">
        <div class="page-title">
            <h1>{{ entry.title }}</h1>
        </div>
        {% include '_components/breadcrumbs' with {
            class: 'black no-top-margin'
        } %}
    </div>
    <div id="page-content">
        <div class="page-content-inner">
            <!-- GALLERY LIST PAGE : begin -->
            <div class="gallery-list-page gallery-page">
                <div class="c-gallery">
                    <ul class="gallery-images m-layout-masonry m-3-columns">
                        {% if entry.image.all()|length %}
                            {% for image in entry.image.all() %}
                                <li class="gallery-image">
                                    <div class="gallery-image-inner">
                                        {{ media.getImage(image, 'gallery-item-image') }}
                                    </div>
                                </li>
                            {% endfor %}
                        {% else %}
                            <p>{{ 'Sem imagens para apresentar'|t }}</p>
                        {% endif %}
                    </ul>
                </div>
            </div>
        </div>
    </div>

{% endblock %}