{% trans_default_domain 'front_default' %}

{% set disabledMain = true %}
{% set count = disabledMain ? 0 : medias|length %}

{% if disabledMain %}
    {% for media in medias %}
        {% if not media.isMain %}
            {% set count = count + 1 %}
        {% endif %}
    {% endfor %}
{% endif %}

<div id="carousel-news-card-{{ news.id }}" class="carousel slide" data-ride="carousel">

    {% if count > 1 %}

        {% set isFirst = true %}
        {% set index = 0 %}

        <ol class="carousel-indicators">
            {% for media in medias %}
                <li data-target="#carousel-news-card-{{ news.id }}" data-slide-to="{{ index }}"{% if isFirst %} class="active"{% endif %}></li>
                {% set isFirst = false %}
                {% set index = index + 1 %}
            {% endfor %}
        </ol>

    {% endif %}

    <div class="carousel-inner">

        {% set isFirst = true %}

        {% for media in medias %}

            {% if not disabledMain or disabledMain and not media.isMain %}

                <div class="carousel-item{% if isFirst %} active{% endif %}">

                    {{ media|thumb }}

                    {% set i18nMedia = media.i18n %}

                    {% if i18nMedia %}

                        {% set mediaTitle = i18nMedia.title %}
                        {% set mediaTitleForce = i18nMedia.titleForce ? i18nMedia.titleForce : 2 %}
                        {% set mediaTitleAlignment = i18nMedia.titleAlignment ? i18nMedia.titleAlignment : 'text-left' %}
                        {% set mediaIntro = i18nMedia.introduction %}
                        {% set mediaIntroAlignment = i18nMedia.introductionAlignment ? i18nMedia.introductionAlignment : 'text-left' %}
                        {% set mediaBody = i18nMedia.body %}
                        {% set mediaBodyAlignment = i18nMedia.bodyAlignment ? i18nMedia.bodyAlignment : 'text-left' %}

                        {% if mediaTitle|striptags|length > 0 or mediaIntro|striptags|length > 0 or mediaBody|striptags|length > 0 %}
                            <div class="carousel-caption d-none d-md-block">
                                {% if mediaTitle|striptags|length > 0 %}
                                    <h{{ titleForce }} class="card-title {{ mediaTitleAlignment }}">{{ mediaTitle|unescape|raw }}</h{{ titleForce }}>
                                {% endif %}
                                {% if mediaIntro|striptags|length > 0 %}
                                    <p class="card-text introduction text-bold {{ mediaIntroAlignment }}">{{ mediaIntro|unescape|raw|nl2br }}</p>
                                {% endif %}
                            </div>
                        {% endif %}

                    {% endif %}
                </div>

                {% set isFirst = false %}

            {% endif %}

        {% endfor %}

    </div>

    {% if count > 1 %}
        <a class="carousel-control-prev cursor" href="#carousel-news-card-{{ news.id }}" role="button" data-slide="prev" aria-label="{{ "Précédent"|trans }}">
            <i class="fal fa-chevron-left" aria-hidden="true"></i>
        </a>
        <a class="carousel-control-next cursor" href="#carousel-news-card-{{ news.id }}" role="button" data-slide="next" aria-label="{{ "Suivant"|trans }}">
            <i class="fal fa-chevron-right" aria-hidden="true"></i>
        </a>
    {% endif %}

</div>