
<turbo-stream action="append" target="teams-drawer-list"><template>
  <!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="smadja laetitia ">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/smadja-laetitia">
    <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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        S
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Smadja Laetitia </p>
          <p class="text-xs text-base-content/50 mt-0.5">
            4 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          530 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 1,600 €
          </p>
      </div>
    </div>

      <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: 33%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">33%</span>
      </div>
</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="sonnino julien">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/sonnino-julien">
    <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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        S
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Sonnino Julien</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            1 donateur
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          520 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 500 €
          </p>
      </div>
    </div>

      <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: 100%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">104%</span>
      </div>
</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="sonigo anthony">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/sonigo-anthony">
    <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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        S
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Sonigo Anthony</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            2 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          520 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 3,200 €
          </p>
      </div>
    </div>

      <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: 16%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">16%</span>
      </div>
</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="kalifa benjamin">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/kalifa-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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        K
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">KALIFA BENJAMIN</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            1 donateur
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          520 €
        </p>
      </div>
    </div>

</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="fitoussi laetitia">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/fitoussi-laetitia">
    <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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        F
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Fitoussi Laetitia</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            4 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          410 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 1,600 €
          </p>
      </div>
    </div>

      <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: 26%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">26%</span>
      </div>
</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="seban dan">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/seban-dan">
    <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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        S
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">SEBAN Dan</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            2 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          410 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 16,000 €
          </p>
      </div>
    </div>

      <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-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">3%</span>
      </div>
</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="reouven bouhanna">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/reouven-bouhanna">
    <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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        R
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Reouven Bouhanna</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            4 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          378 €
        </p>
      </div>
    </div>

</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="haccoun jonathan">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/haccoun-jonathan">
    <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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        H
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">HACCOUN JONATHAN</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            3 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          362 €
        </p>
      </div>
    </div>

</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="stuhrenberg judith">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/stuhrenberg-judith">
    <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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        S
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">STUHRENBERG Judith</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            2 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          360 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 3,200 €
          </p>
      </div>
    </div>

      <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: 11%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">11%</span>
      </div>
</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="sonigo margarette">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/sonigo-margarette">
    <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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        S
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Sonigo Margarette</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            3 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          326 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 1,600 €
          </p>
      </div>
    </div>

      <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: 20%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">20%</span>
      </div>
</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="david marrache">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/david-marrache">
    <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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        D
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">David Marrache</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            2 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          316 €
        </p>
      </div>
    </div>

</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="chemoul lea">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/chemoul-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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        C
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Chemoul Lea</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            7 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          300 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 1,600 €
          </p>
      </div>
    </div>

      <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: 19%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">19%</span>
      </div>
</a></li>
<!-- END app/views/public/campaigns/_team_drawer_item.html.erb -->
</template></turbo-stream>
<turbo-stream action="replace" target="teams-drawer-load-more"><template>
  <div id="teams-drawer-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-drawer&amp;teams_page=5">טען עוד</a>
  </div>
</template></turbo-stream>