{% for event in events %}
{% set link %}
{{ path(event.pathDetails, {'eventNo': event.eventNo,'category': event.categoryUrl, 'eventType': event.eventCategory}) }}
{% endset %}
{% set eventImage = event | event_normal_image %}
<div class="event">
<div class="event-top">
<img src="{{ eventImage }}" alt="{{ event.title }}" onerror="this.src = '{{ asset('build/images/es_red_400x400px.png') }}';" class="homepage-event-img">
<p>{{ event.title }}</p>
</div>
<div class="event-bottom">
<div class="event-desde darkgrey">
<p>From: <span>{{ event.countryCityDisplay }}</span></p>
<p>Date: <span>{{ event.startDate | format_period( event.endDate) }}</span></p>
</div>
<div class="event-link">
<a href="{{ link }}">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="12" viewBox="0 0 22 12" fill="none">
<path d="M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41421 0.585786 6.75 1 6.75V5.25ZM21.5303 6.53033C21.8232 6.23744 21.8232 5.76256 21.5303 5.46967L16.7574 0.696699C16.4645 0.403806 15.9896 0.403806 15.6967 0.696699C15.4038 0.989593 15.4038 1.46447 15.6967 1.75736L19.9393 6L15.6967 10.2426C15.4038 10.5355 15.4038 11.0104 15.6967 11.3033C15.9896 11.5962 16.4645 11.5962 16.7574 11.3033L21.5303 6.53033ZM1 6.75H21V5.25H1V6.75Z" fill="white"/>
</svg>
</a>
</div>
</div>
</div>
{% endfor %}