
<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="yael et aaron hamou" href="/shofar2026/teams/yael-et-aaron-hamou">
  <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;">
      Y
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Yael et Aaron Hamou</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;">
    674 €
  </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="attali michael" href="/shofar2026/teams/attali-michael">
  <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">Attali Michael</p>
        <p class="text-xs text-base-content/50">
          7 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    649 €
  </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="ap12" href="/shofar2026/teams/ap12">
  <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">ap12</p>
        <p class="text-xs text-base-content/50">
          9 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    616 €
  </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="nath taieb" href="/shofar2026/teams/nath-taieb">
  <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;">
      N
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Nath Taieb</p>
        <p class="text-xs text-base-content/50">
          8 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    609 €
  </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="yair h" href="/shofar2026/teams/yair-h">
  <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;">
      Y
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Yair H</p>
        <p class="text-xs text-base-content/50">
          4 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    592 €
  </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="raphael genah" href="/shofar2026/teams/raphael-genah">
  <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;">
      R
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Raphael Genah</p>
        <p class="text-xs text-base-content/50">
          4 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    588 €
      <span class="text-xs text-base-content/50 font-normal">
        / 10 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: 6%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">6%</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="yoël h" href="/shofar2026/teams/yoel-h">
  <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;">
      Y
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Yoël H</p>
        <p class="text-xs text-base-content/50">
          3 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    588 €
  </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="marc lévy" href="/shofar2026/teams/marc-levy">
  <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">Marc Lévy</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;">
    572 €
      <span class="text-xs text-base-content/50 font-normal">
        / 20 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: 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="raphaël ber" href="/shofar2026/teams/raphael-ber">
  <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;">
      R
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Raphaël Ber</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;">
    560 €
  </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="kling yoel" href="/shofar2026/teams/kling-yoel">
  <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;">
      K
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Kling Yoel</p>
        <p class="text-xs text-base-content/50">
          12 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    536 €
  </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="ap5" href="/shofar2026/teams/ap5">
  <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">ap5</p>
        <p class="text-xs text-base-content/50">
          6 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    506 €
  </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="anaïs azoulay" href="/shofar2026/teams/anais-azoulay">
  <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">Anaïs Azoulay</p>
        <p class="text-xs text-base-content/50">
          8 donateurs
        </p>
    </div>
  </div>

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

</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="/shofar2026/campaign_teams?instance_id=teams-grid&amp;teams_page=7">Voir plus</a>
  </div>
</template></turbo-stream>