{# conv = [{ niveau: Niveau, convention: Convention[] }] #}
<turbo-frame id="annuaire-results">
  {% 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="image-popup-vertical-fit text-center" href="{{ path('portail_annuaire_fiche', { id: c.mecene.idtoken }) }}" data-turbo-frame="offcanvas-frame">
                    {% if item.niveau.afficheLogo %}
                      {% include '@App/partials/components/logo_mecene.html.twig' with {mecene: c.mecene, taille: 75} %}
                    {% endif %}
                    {% if item.niveau.afficheNom %}
                      <h6>{{c.mecene.nom}}</h6>
                    {% endif %}
                  </a>
                </div>
              </div>
            </div>
          </div>
        {% else %}
          <div class="col-12"><em>Aucun partenaire dans ce groupe.</em></div>
        {% endfor %}
      </div>
    {% endif %}
  {% endfor %}

  {% if convNull | length > 0 %}
    <h4 class="mt-4">Partenaires non catégorisés</h4>
    
    <div class="row g-3">
      {% for item in convNull %}
    
        <div class="col-md-6 col-lg-4">
          <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="image-popup-vertical-fit text-center" href="{{ path('portail_annuaire_fiche', { id: item.mecene.idtoken }) }}" data-turbo-frame="offcanvas-frame">
                    {% include '@App/partials/components/logo_mecene.html.twig' with {mecene: item.mecene, taille: 75} %}
                    <h6>{{item.mecene.nom}}</h6>
                </a>
              </div>
            </div>
          </div>
        </div>

     {% endfor %}  
    
    </div>

  {% endif %}
  
</turbo-frame>