{% if content.carte_id is defined and content.carte_id is not null %}
    {% set carte = getCarte(content.carte_id) %}
    {% if carte is not null %}
        {% if element.showTitle %}
            <h2 class="titreh2">{{ carte.nom }}</h2>
        {% endif %}
        {% if carte.description is not null %}
            <div class="description">{{ carte.description|raw }}</div>
        {% endif %}
        <div class="cartes row">
            {% set displayedItems = carte.carteItems|sort((a, b) => a.position <=> b.position) %}
            {% for item in displayedItems %}
                <div class="carte-content col-lg-{{ carte.nbColComputer }} col-md-{{ carte.nbColTab }} col-xs-{{ carte.nbColComputer }}">
                    <div class="card" style="width: 100%;">
                        {% if item.contentId is not null %}
                            {% set documentContent = getImage(item.contentId) %}
                            <img
                                    style="width: 100%;"
                                    src="{{ documentContent }}"
                                    alt="{{ item.description }}"
                            >
                        {% endif %}
                        <div class="card-body">
                            {% if item.showTitle %}
                                <h5 class="card-title">
                                    <span>{{ item.titre }}</span>
                                </h5>
                                {% if item.subTitle is not null %}
                                    <h6 class="titreh3">{{ item.subTitle }}</h6>
                                {% endif %}
                            {% endif %}
                            {% if item.showDescription %}
                                <p class="card-text">{{ item.description }}</p>
                            {% endif %}
                            {% if item.subDescription is not null %}
                                <p class="card-subtext">{{ item.subDescription }}</p>
                            {% endif %}
                            {% if item.showPrice %}
                                {% if item.price is not null %}
                                    <div class="row position-relative">
                                        {% if item.textPrice is not null %}
                                            <div class="col flex-left-center">
                                                <p class="carte-text text-primary {% if item.subtextPrice is not null %}carte-texte-no-space{% endif %}">{{ item.textPrice }}</p>
                                            </div>
                                        {% endif %}
                                        <div class="col col-auto">
                                            <p class="carte-price text-primary">{% if item.price != 0 %}{{ item.price|number_format(2, ',', ' ') }} €{% else %}-{% endif %}</p>
                                        </div>
                                        {% if item.subtextPrice is not null %}
                                            <small class="subprice">
                                                {{ item.subtextPrice }}
                                            </small>
                                        {% endif %}
                                    </div>
                                {% endif %}
                                {% if item.price2 is not null %}
                                    <div class="row position-relative">
                                        {% if item.textPrice2 is not null %}
                                            <div class="col flex-left-center">
                                                <p class="carte-text text-primary {% if item.subtextPrice2 is not null %}carte-texte-no-space{% endif %}">{{ item.textPrice2 }}</p>
                                            </div>
                                        {% endif %}
                                        <div class="col col-auto">
                                            <p class="carte-price text-primary">{% if item.price2 != 0 %}{{ item.price2|number_format(2, ',', ' ') }} €{% else %}-{% endif %}</p>
                                        </div>
                                        {% if item.subtextPrice2 is not null %}
                                            <small class="subprice">
                                                {{ item.subtextPrice2 }}
                                            </small>
                                        {% endif %}
                                    </div>
                                {% endif %}
                                {% if item.price3 is not null %}
                                    <div class="row position-relative">
                                        {% if item.textPrice3 is not null %}
                                            <div class="col flex-left-center">
                                                <p class="carte-text text-primary {% if item.subtextPrice3 is not null %}carte-texte-no-space{% endif %}">{{ item.textPrice3 }}</p>
                                            </div>
                                        {% endif %}
                                        <div class="col col-auto">
                                            <p class="carte-price text-primary">{% if item.price3 != 0 %}{{ item.price3|number_format(2, ',', ' ') }} €{% else %}-{% endif %}</p>
                                        </div>
                                        {% if item.subtextPrice3 is not null %}
                                            <small class="subprice">
                                                {{ item.subtextPrice3 }}
                                            </small>
                                        {% endif %}
                                    </div>
                                {% endif %}
                                {% if item.price4 is not null %}
                                    <div class="row position-relative">
                                        {% if item.textPrice4 is not null %}
                                            <div class="col flex-left-center">
                                                <p class="carte-text text-primary {% if item.subtextPrice4 is not null %}carte-texte-no-space{% endif %}">{{ item.textPrice4 }}</p>
                                            </div>
                                        {% endif %}
                                        <div class="col col-auto">
                                            <p class="carte-price text-primary">{% if item.price4 != 0 %}{{ item.price4|number_format(2, ',', ' ') }} €{% else %}-{% endif %}</p>
                                        </div>
                                        {% if item.subtextPrice4 is not null %}
                                            <small class="subprice">
                                                {{ item.subtextPrice4 }}
                                            </small>
                                        {% endif %}
                                    </div>
                                {% endif %}
                                {% if item.price5 is not null %}
                                    <div class="row position-relative">
                                        {% if item.textPrice5 is not null %}
                                            <div class="col flex-left-center">
                                                <p class="carte-text text-primary {% if item.subtextPrice5 is not null %}carte-texte-no-space{% endif %}">{{ item.textPrice5 }}</p>
                                            </div>
                                        {% endif %}
                                        <div class="col col-auto">
                                            <p class="carte-price text-primary">{% if item.price5 != 0 %}{{ item.price5|number_format(2, ',', ' ') }} €{% else %}-{% endif %}</p>
                                        </div>
                                        {% if item.subtextPrice5 is not null %}
                                            <small class="subprice">
                                                {{ item.subtextPrice5 }}
                                            </small>
                                        {% endif %}
                                    </div>
                                {% endif %}
                            {% endif %}
                            <!-- GESTION DE l'ITEM ENFANT EN PIED DE LA CARTE -->
                            {% if item.footerElement is not null %}
                                {% if item.footerElement.showTitle %}
                                    <h5 class="card-title">
                                        <span>{{ item.footerElement.titre }}</span>
                                    </h5>
                                    {% if item.footerElement.subTitle is not null %}
                                        <h6 class="titreh3">{{ item.footerElement.subTitle }}</h6>
                                    {% endif %}
                                {% endif %}
                                {% if item.footerElement.showDescription %}
                                    <p class="card-text">{{ item.footerElement.description }}</p>
                                {% endif %}
                                {% if item.footerElement.showPrice %}
                                    {% if item.footerElement.price is not null %}
                                        <div class="row position-relative">
                                            {% if item.footerElement.textPrice is not null %}
                                                <div class="col flex-left-center">
                                                    <p class="carte-text text-primary {% if item.footerElement.subtextPrice is not null %}carte-texte-no-space{% endif %}">{{ item.footerElement.textPrice }}</p>
                                                </div>
                                            {% endif %}
                                            <div class="col col-auto">
                                                <p class="carte-price text-primary">{% if item.footerElement.price != 0 %}{{ item.footerElement.price|number_format(2, ',', ' ') }} €{% else %}-{% endif %}</p>
                                            </div>
                                            {% if item.footerElement.subtextPrice is not null %}
                                                <small class="subprice">
                                                    {{ item.footerElement.subtextPrice }}
                                                </small>
                                            {% endif %}
                                        </div>
                                    {% endif %}
                                    {% if item.footerElement.price2 is not null %}
                                        <div class="row position-relative">
                                            {% if item.footerElement.textPrice2 is not null %}
                                                <div class="col flex-left-center">
                                                    <p class="carte-text text-primary {% if item.footerElement.subtextPrice2 is not null %}carte-texte-no-space{% endif %}">{{ item.footerElement.textPrice2 }}</p>
                                                </div>
                                            {% endif %}
                                            <div class="col col-auto">
                                                <p class="carte-price text-primary">{% if item.footerElement.price2 != 0 %}{{ item.footerElement.price2|number_format(2, ',', ' ') }} €{% else %}-{% endif %}</p>
                                            </div>
                                            {% if item.footerElement.subtextPrice2 is not null %}
                                                <small class="subprice">
                                                    {{ item.footerElement.subtextPrice2 }}
                                                </small>
                                            {% endif %}
                                        </div>
                                    {% endif %}
                                    {% if item.footerElement.price3 is not null %}
                                        <div class="row position-relative">
                                            {% if item.footerElement.textPrice3 is not null %}
                                                <div class="col flex-left-center">
                                                    <p class="carte-text text-primary {% if item.footerElement.subtextPrice3 is not null %}carte-texte-no-space{% endif %}">{{ item.footerElement.textPrice3 }}</p>
                                                </div>
                                            {% endif %}
                                            <div class="col col-auto">
                                                <p class="carte-price text-primary">{% if item.footerElement.price3 != 0 %}{{ item.footerElement.price3|number_format(2, ',', ' ') }} €{% else %}-{% endif %}</p>
                                            </div>
                                            {% if item.footerElement.subtextPrice3 is not null %}
                                                <small class="subprice">
                                                    {{ item.footerElement.subtextPrice3 }}
                                                </small>
                                            {% endif %}
                                        </div>
                                    {% endif %}
                                    {% if item.footerElement.price4 is not null %}
                                        <div class="row position-relative">
                                            {% if item.footerElement.textPrice4 is not null %}
                                                <div class="col flex-left-center">
                                                    <p class="carte-text text-primary {% if item.footerElement.subtextPrice4 is not null %}carte-texte-no-space{% endif %}">{{ item.footerElement.textPrice4 }}</p>
                                                </div>
                                            {% endif %}
                                            <div class="col col-auto">
                                                <p class="carte-price text-primary">{% if item.footerElement.price4 != 0 %}{{ item.footerElement.price4|number_format(2, ',', ' ') }} €{% else %}-{% endif %}</p>
                                            </div>
                                            {% if item.footerElement.subtextPrice4 is not null %}
                                                <small class="subprice">
                                                    {{ item.footerElement.subtextPrice4 }}
                                                </small>
                                            {% endif %}
                                        </div>
                                    {% endif %}
                                    {% if item.footerElement.price5 is not null %}
                                        <div class="row position-relative">
                                            {% if item.footerElement.textPrice5 is not null %}
                                                <div class="col flex-left-center">
                                                    <p class="carte-text text-primary {% if item.footerElement.subtextPrice5 is not null %}carte-texte-no-space{% endif %}">{{ item.footerElement.textPrice5 }}</p>
                                                </div>
                                            {% endif %}
                                            <div class="col col-auto">
                                                <p class="carte-price text-primary">{% if item.footerElement.price5 != 0 %}{{ item.footerElement.price5|number_format(2, ',', ' ') }} €{% else %}-{% endif %}</p>
                                            </div>
                                            {% if item.footerElement.subtextPrice5 is not null %}
                                                <small class="subprice">
                                                    {{ item.footerElement.subtextPrice5 }}
                                                </small>
                                            {% endif %}
                                        </div>
                                    {% endif %}
                                {% endif %}
                            {% endif %}
                        </div>
                        {% if item.footer is not null %}
                        <div class="card-footer">
                            <p>{{ item.footer }}</p>
                        </div>
                        {% endif %}
                    </div>
                </div>
            {% endfor %}
        </div>
    {% endif %}
{% endif %}