{% set selectedIds = block.data.partenaires ?? [] %}
{% set titleColor = block.data.titleColor|default('#111827') %}
{% set textColor = block.data.textColor|default('#374151') %}
{% set backgroundColor = block.data.backgroundColor|default('#ffffff') %}
{% set selectedPartenaires = [] %}
{% for partenaireId in selectedIds %}
  {% for partenaire in partenaires|default([]) %}
    {% if partenaire.idtoken == partenaireId %}
      {% set selectedPartenaires = selectedPartenaires|merge([partenaire]) %}
    {% endif %}
  {% endfor %}
{% endfor %}

<section class="card shadow-sm" style="background-color: {{ backgroundColor }}; color: {{ textColor }};">
  <div class="container card-body">
    {% if block.data.titre ?? '' %}
      <h2 class="h4 mb-3" style="color: {{ titleColor }};">{{ block.data.titre }}</h2>
    {% endif %}

    {% if block.data.text ?? '' %}
      <div class="mb-4">
        {{ (block.data.text ?? '')|raw }}
      </div>
    {% endif %}

    {% if selectedPartenaires is not empty %}
      <div class="row row-cols-2 row-cols-md-3 row-cols-lg-6 g-3 justify-content-center">
        {% for partenaire in selectedPartenaires %}
          <div class="col d-flex">
            <div class="card w-100 border-0 shadow-sm" style="border-radius: 10px;">
              <div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
                {% include '@App/partials/components/logo_mecene.html.twig' with { mecene: partenaire, taille: 64 } %}
              </div>
            </div>
          </div>
        {% endfor %}
      </div>
    {% else %}
      <div class="text-muted">Aucun partenaire sélectionné.</div>
    {% endif %}
  </div>
</section>