<div class="col-lg-3">
{% if top_events|length >0 %}
<div class="owl-carousel owl-theme">
{% set i = 1 %}
{% for event in top_events %}
{# @var event \App\Controller\Objects\HomeCarouselItem #}
<div class="card {% if not event.past %}card-primary{% endif %} animation-delay-1 pointer-event" title="{{ event.title }}">
<div class="card-header">
<h3 class="card-title"><i class="zmdi zmdi-calendar"></i> {{ event.date }}</h3>
</div>
<div class="withripple zoom-img">
<a href="{{ event.link }}">
<img src="{{ event.picture.small }}" alt="" class="img-fluid {% if event.past %}grayscale{% endif %}">
</a>
<span class="badge badge-primary pull-right badge-custom uppercase">{{ event.object }}</span>
<div class="ripple-container"></div></div>
<div class="card-body overflow-hidden text-center">
<h4 class="color-black uppercase inline-text">{{ event.title }}</h4>
<!-- <p>{{ event.text }}</p> -->
</div>
</div>
{% endfor %}
</div>
<div class="owl-dots" style="margin-top: -10px"></div>
{% endif %}
{% for event in facebook_feed %}
{# @var event \App\Controller\Objects\HomeFacebookItem #}
<div class="card">
<figure class="ms-thumbnail ms-thumbnail-horizontal">
<img class="img-fluid facebook-img" src="{{ event.picture }}" alt="">
</figure>
<div class="card-body overflow-hidden card-facebook-stream">
<a href="{{ event.link }}" class="btn-circle btn-circle btn-facebook btn-circle-raised btn-card-float right wow zoomInDown index-2" style="visibility: visible; animation-name: zoomInDown;"><i class="zmdi zmdi-facebook"></i></a>
<h4 class="no-margin facebook-stream" title="{{ event.title }}" >{{ event.title }}</h4>
</div>
</div>
{% endfor %}
</div>