{% if content.slider_id is defined and content.slider_id is not null %}
    {% set slider = getSlider(content.slider_id) %}
    {% if slider is not null %}
        {% if element.showTitle %}
            <h2 class="titreh2">{{ slider.nom }}</h2>
        {% endif %}
        <div class="slider-container">
            <div class="slider">
                {% for item in slider.sliderItems %}
                    {% if item.contentId is not null %}
                    <div class="slide">
                        {% set documentContent = getImage(item.contentId) %}
                        <img
                                style="width: 100%;"
                                src="{{ documentContent }}"
                                {% if item.alt is not null %}alt="{{ item.alt }}"{% endif %}
                                {% if item.title is not null %}title="{{ item.title }}"{% endif %}
                        >
                    </div>
                    {% endif %}
                {% endfor %}
            </div>
            <!-- <button class="prev-btn">&laquo;</button>
            <button class="next-btn">&raquo;</button> -->
        </div>
    {% endif %}
{% endif %}