<div id="carousel" class="carousel slide" data-ride="carousel" data-interval="false">
<div class="carousel-inner">
{% if entity.images is empty %}
<div class="carousel-item active">
<img class="d-block w-100" src="{{ asset('public/upload/') }}{{ img_folder }}/defaultimg.jpg" alt="{{ entity.title }}">
</div>
{% else %}
{% for im in entity.images %}
{% if loop.index == 1 %}
<div class="carousel-item active">
{# include slide checker,video or image #}
{% include 'public/_slider_slide.html.twig' with {'im':im, 'entity':entity} %}
</div>
{% else %}
<div class="carousel-item">
{# include slide checker,video or image #}
{% include 'public/_slider_slide.html.twig' with {'im':im, 'entity':entity} %}
</div>
{% endif %}
{% endfor %}
{% endif %}
</div>
<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Prev</span>
</a>
<a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>