
<turbo-stream action="append" target="teams-grid-list"><template>
  <!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="berda steev" href="/les-benjamins2026/teams/berda-steev">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      B
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">BERDA Steev</p>
        <p class="text-xs text-base-content/50">
          1 donateur
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    260 €
      <span class="text-xs text-base-content/50 font-normal">
        / 16 000 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 2%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">2%</span>
    </div>
</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="a j" href="/les-benjamins2026/teams/a-j">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      A
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">A J</p>
        <p class="text-xs text-base-content/50">
          1 donateur
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    260 €
  </p>

</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="ifergan kelly" href="/les-benjamins2026/teams/ifergan-kelly">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      I
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Ifergan Kelly</p>
        <p class="text-xs text-base-content/50">
          2 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    230 €
      <span class="text-xs text-base-content/50 font-normal">
        / 3 200 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 7%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">7%</span>
    </div>
</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="maimoun lea" href="/les-benjamins2026/teams/maimoun-lea">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      M
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">MAIMOUN LEA</p>
        <p class="text-xs text-base-content/50">
          5 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    146 €
  </p>

</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="melloul raphael" href="/les-benjamins2026/teams/melloul-raphael">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      M
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">MELLOUL RAPHAEL</p>
        <p class="text-xs text-base-content/50">
          2 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    104 €
  </p>

</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="bouskila sarah" href="/les-benjamins2026/teams/bouskila-sarah">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      B
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Bouskila Sarah</p>
        <p class="text-xs text-base-content/50">
          2 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    70 €
      <span class="text-xs text-base-content/50 font-normal">
        / 1 600 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 4%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">4%</span>
    </div>
</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="salomé zouari" href="/les-benjamins2026/teams/salome-zouari">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      S
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Salomé zouari</p>
        <p class="text-xs text-base-content/50">
          1 donateur
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    52 €
      <span class="text-xs text-base-content/50 font-normal">
        / 3 000 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 2%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">2%</span>
    </div>
</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="flajtzer  elodie" href="/les-benjamins2026/teams/flajtzer-elodie">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      F
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Flajtzer  Elodie</p>
        <p class="text-xs text-base-content/50">
          1 donateur
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    50 €
      <span class="text-xs text-base-content/50 font-normal">
        / 1 600 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 3%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">3%</span>
    </div>
</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="bismuth hanna" href="/les-benjamins2026/teams/bismuth-hanna">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      B
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Bismuth Hanna</p>
        <p class="text-xs text-base-content/50">
          1 donateur
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    26 €
  </p>

</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="guetta benjamin" href="/les-benjamins2026/teams/guetta-benjamin">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      G
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">GUETTA Benjamin</p>
        <p class="text-xs text-base-content/50">
          1 donateur
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    13 €
      <span class="text-xs text-base-content/50 font-normal">
        / 16 000 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 0%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">0%</span>
    </div>
</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="benattar eytan" href="/les-benjamins2026/teams/benattar-eytan">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      B
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Benattar Eytan</p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    0 €
      <span class="text-xs text-base-content/50 font-normal">
        / 3 200 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 0%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">0%</span>
    </div>
</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_grid_item.html.erb
-->
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="lepel batya" href="/les-benjamins2026/teams/lepel-batya">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      L
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Lepel Batya</p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    0 €
      <span class="text-xs text-base-content/50 font-normal">
        / 500 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 0%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">0%</span>
    </div>
</a><!-- END app/views/public/campaigns/_team_grid_item.html.erb -->
</template></turbo-stream>
<turbo-stream action="replace" target="teams-grid-load-more"><template>
  <div id="teams-grid-load-more" class="text-center mt-4">
      <a class="btn btn-ghost btn-sm" data-turbo-stream="true" href="/les-benjamins2026/campaign_teams?instance_id=teams-grid&amp;teams_page=6">Voir plus</a>
  </div>
</template></turbo-stream>