{# conv = [{ niveau: Niveau, convention: Convention[] }] #}
{% for item in conv %}
  {% if item.niveau.affiche %}
    <h4 class="mt-4">{{ item.niveau.nom }}</h4>

    <div class="row g-3">
      {% for c in item.convention %}
        <div class="col-md-6 col-lg-{{item.niveau.nb}}">
          <div class="card overflow-hidden">
            <div class="el-card-item">
              <div class="el-card-avatar p-4 el-overlay-1 w-100 overflow-hidden position-relative">
                <a class="fiche image-popup-vertical-fit text-center" href="javascript:void(0)" data-id="{{ c.mecene.idtoken }}">
                  {% if item.niveau.afficheLogo %}
                    <img src="{{ asset('uploads/mecenes/logos/' ~ c.mecene.logo) }}" class="d-block position-relative" style="max-width:100%; max-height:75px;" alt="{{ c.mecene.nom ?? 'mécène' }}" />
                  {% endif %}
                  {% if item.niveau.afficheNom %}
                    <h6>{{c.mecene.nom}}</h6>
                  {% endif %}
                </a>
              </div>
            </div>
          </div>
        </div>
      {% else %}
        <div class="col-12"><em>Aucun mécène / partenaire pour ce niveau.</em></div>
      {% endfor %}
    </div>
  {% endif %}
{% endfor %}