{% if cartes|length > 0 %}
<div class="container">
    <div class="section-title">
        <h1 class="sectionTitre">{% trans %}Nos cartes{% endtrans %}</h1>
    </div>
    <div class="row gy-4 center flex-c">
        {% for carte in cartes %}
        {% if carte.valid %}
        <div class="carte-titre"
            style="background-image: url('{{ asset(carte_images ~ carte.image) }}')">
            {{carte.translations[app.request.locale].getName | default('')}}
        </div>
        <div class="row carte-label">
            <div class="col-xl-7 col-md-7"></div>
            <div class="col-xl-1 col-md-1">{{carte.getLabel05}}</div>
            <div class="col-xl-1 col-md-1">{{carte.getLabel04}}</div>
            <div class="col-xl-1 col-md-1">{{carte.getLabel03}}</div>
            <div class="col-xl-1 col-md-1">{{carte.getLabel02}}</div>
            <div class="col-xl-1 col-md-1">{{carte.getLabel01}}</div>
        </div>
        {% for item in carte.getCarteItems %}
        {% if item.valid %}
        <div class="row flex-c itemCarte">
            <div class="col-xl-2 col-md-2">
                {% if item.image != null %}
                <img src="{{ asset(carteItem_images ~ item.image) }}"
                    class="img-fluid" alt="" type="image/webp">
                {% else %}
                <img src="{{ asset(carteItem_images ~ item.image) }}" class="img-fluid" alt=""
                    type="image/webp">
                {% endif %}
            </div>
            <div class="col-xl-5 col-md-5 left">
                {{item.translations[app.request.locale].getName | default('') | raw}}
                <hr>
                {{item.translations[app.request.locale].getContent | default('') | raw}}
            </div>
            <div class="col-xl-1 col-md-1">
                <span class="labelPrix">{{carte.getLabel05}}</span>
                {{item.getPrice05}} {% if item.getPrice05 %}€{% endif %}
            </div>
            <div class="col-xl-1 col-md-1">
                <span class="labelPrix">{{carte.getLabel04}}</span>
                {{item.getPrice04}} {% if item.getPrice04 %}€{% endif %}
            </div>
            <div class="col-xl-1 col-md-1">
                <span class="labelPrix">{{carte.getLabel03}}</span>
                {{item.getPrice03}} {% if item.getPrice03 %}€{% endif %}
            </div>
            <div class="col-xl-1 col-md-1">
                <span class="labelPrix">{{carte.getLabel02}}</span>
                {{item.getPrice02}} {% if item.getPrice02 %}€{% endif %}
            </div>
            <div class="col-xl-1 col-md-1">
                <span class="labelPrix">{{carte.getLabel01}}</span>
                {{item.getPrice01}} {% if item.getPrice01 %}€{% endif %}
            </div>
        </div>
        {% endif %}
        {% endfor %}
        {% endif %}
        {% endfor %}
    </div>
</div>
{% endif %}