{% set slider_items = get_config_by_internal_name('sliderconfig').sliderItems %}
{% if slider_items is not empty %}
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
{% for slider_item in slider_items %}
<div class="carousel-item {% if loop.index == 1 %}active{% endif %}">
{% if slider_item.image is not empty %}
<img class="d-block w-100" src="{{ asset(slider_item.image.url | imagine_filter('my_services_slider_home')) }}" alt="Image Slide {{ loop.index }}">
{% endif %}
<div class="car-caption">
<p>{{ slider_item.text }}</p>
</div>
</div>
{% endfor %}
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Précédent</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Suivant</span>
</a>
</div>
{% endif %}