{% import 'blocks\\macros.html.twig' as macros %}
{% set _i = item|default({}) %}
{% set title = _i.title|default(title|default(null)) %}
{% set canonical_url = _i.canonical_url|default(friendlyUrl|default('#')) %}
{% set image = _i.image|default(image|default(null)) %}
{% set image_title = _i.image_title|default(image_title|default(title)) %}
{% set start_date = _i.start_date|default(start_date|default(null)) %}
{% set end_date = _i.end_date|default(end_date|default(null)) %}
{% set location = _i.location|default(location|default(null)) %}
{% set category = _i.category|default(category|default(null)) %}
{% set live = live|default(false) %}
{% set showiconplay = showiconplay|default(false) %}
{% set i = i|default(null) %}
{% set pageId = _i.id|default(id|default(null)) %}
{% set pageInfo = get_page_info(app.request.locale, pageId, true, "Temas")|default(null) %}
{% set categories = (pageInfo is not null and pageInfo.categories is defined) ? pageInfo.categories : [] %}
{% set exclusiveTag = pageInfo and pageInfo.page.tags is defined ? pageInfo.page.tags|filter(t => t.domainValue.type.name == 'Exclusive')|first|default(null) : null %}
{% set maxVisible = 1 %}
<div class="col item">
<a href="{{ canonical_url }}" title="{{ title|default('Event Title ' ~ i|default('')) }}">
<div class="image-container event-card-carousel">
<picture>
{% if image is empty %}
{% set image = '/uploads/system/placeholder-vertical.png' %}
{% endif %}
<img src="{{ (image)|imagine_filter('list_event')|urldecode }}"
loading="lazy"
alt="{{ title|default('') }}"
title="{{ image_title|default(title|default('')) }}">
</picture>
{% if showiconplay %}
<div class="card card-blur icon">
{{ file_get_contents(asset('custom/player-icon.svg', 'global'))|raw }}
</div>
{% endif %}
</div>
<div class="caption">
{% if live %}
<div class="live">
<div class="d-flex align-items-center">
{{ file_get_contents(asset('custom/breakingnews-icon.svg', 'global'))|raw }}
<div class="ml-2">{{ 'live'|trans ({},'custom' )|html_entity_decode|raw }}</div>
</div>
</div>
{% endif %}
<h3 class="card-title">
{{ title is defined and title is not empty
? (title|length <= 80
? title
: title|slice(0, 80) ~ '...')
: 'Event Title ' ~ i|default('')
}}
</h3>
<div class="date">
{% if start_date %}
{{ format_event_range(start_date, end_date) }}
{% endif %}
</div>
{% if location %}
<div class="location">{{ location }}</div>
{% endif %}
{# {% if pageInfo.categories is defined %}#}
{{ macros.renderCategoryPopover(categories, maxVisible, false, exclusiveTag, languagecode, 'categories-list') }}
{# {% endif %}#}
</div>
</a>
</div>
{#<script>#}
{# console.log({{ dump(pageInfo) }})#}
{#</script>#}