{% extends '/PageParts/base_pagepart.html.twig' %}

{% block pagepart %}
    <div data-rel="gallery_{{ resource.id }}" class="gallery-pp clearfix">
        <h2>{{ resource.title }}</h2>
        {% if resource.images is not empty %}
            <ul>
                {% for item in resource.images if item.image or item.video %}
                    {% set lightbox = 'lb_'~resource.id %}
                    <li>
                        {% set thumb = item.image ? item.image.url|imagine_filter('gallery_thumbnail') : item.video.metadata.thumbnail_url ?: '' %}
                        {% set url = item.video  ? item.video.metadata.code ?: '' : item.image.url|imagine_filter('gallery_full') %}
                        <a data-gallery="{{ lightbox }}" data-toggle="lightbox" href="{{ url }}"
                           class="gallery_image"
                           title="{{ item.caption }}" data-title="{{ item.caption }}"
                           {% if item.video %}
                                data-width="1200"
                            {% endif %}
                        >
                            <img src="{{ thumb }}" alt="" />
                            {% if item.video %}
                                <i class="fas fa-play-circle fa-3x"></i>
                            {% endif %}
                        </a>
                    </li>
                {% endfor %}
            </ul>
        {% endif %}
    </div>
{% endblock %}