<div class="events-boxes row">
{# {% for event in events %}#}
{# {{ event.setNearestDate(get_nearest_event_date(event)) }}#}
{# {% endfor %}#}
{% for eventInstance in eventsInstances| sortbyfield('dateTime') %}
{% set event = eventInstance.eventsPage %}
{% set nearestEvent = eventInstance.date %}
{# {{ dump(event) }}#}
{% if event.publishedUntil is not defined or date(event.publishedUntil) > date() %}
{% set eventsnode = get_node_translation_for(event) %}
<article class="events-box col-sm-4">
<a href="{{ path('_slug', {'url': eventsnode.url}) }}">
<div class="events-box__img">
{% if event.listImage and event.listImage is not empty %}
{% set img = event.listImage | first %}
{% elseif event.headerImage and event.headerImage is not empty %}
{% set img = event.headerImage | first %}
{% else %}
{% set img = {
'cropping' : null,
'media' : {
'url' : get_default_article_image(),
},
'mediaAlt' : 'GdyĆskie Centrum Sportu'
} %}
{% endif %}
{% if img is defined and img is not empty %}
{% set fullSrc = croppedImgSrc(img.media.url, img.cropping, { w: 450, h: 300, q: 80 }) %}
{% set previewSrc = croppedImgSrc(img.media.url, img.cropping, jml_img_large.preview) %}
<img class="lazy" src="{{ previewSrc }}" data-src="{{ fullSrc }}"
alt="{% if img.mediaAlt %}{{ img.mediaAlt }}{% else %}{{ event.title | striptags }}{% endif %}"/>
{% else %}
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
alt="">
{% endif %}
{% set img = null %}
</div>
<div class="events-box__description">
<div class="events-box__caption">
<h3 role="heading" aria-level="3">{{ event.title }}</h3>
</div>
<div class="events-box__place">
{% for place in event.tags %}
{% if place.name is defined and place.name is not empty %}
<p>
{{ place.name }}
{% if place.address is defined and place.address is not empty %} <span
class="events-box__address">({{ place.address }})</span>{% endif %}
</p>
{% endif %}
{% endfor %}
</div>
</div>
<div class="events-box__date">
<time datetime="{{ nearestEvent | date("d.m.Y H:i") }}">{{ nearestEvent | date("d.m.Y H:i") }}</time>
</div>
</a>
</article>
{% endif %}
{% endfor %}
</div>