
<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="abbou gregory">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/abbou-gregory">
    <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;">
        A
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">ABBOU GREGORY</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;">
          884 €
        </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="ohayon rivka">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/ohayon-rivka">
    <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;">
        O
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">OHAYON RIVKA</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;">
          858 €
        </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 deborah">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/fitoussi-deborah">
    <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 Deborah</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            8 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          794 €
        </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: 25%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">25%</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="selma  julien">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/selma-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">Selma  Julien</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;">
          780 €
        </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: 24%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">24%</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="aidan liliane">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/aidan-liliane">
    <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;">
        A
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Aidan Liliane</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;">
          770 €
        </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: 48%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">48%</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="maruani sharon ">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/maruani-sharon">
    <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;">
        M
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Maruani Sharon </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;">
          750 €
        </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: 47%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">47%</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="ibghi raphael">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/ibghi-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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        I
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Ibghi Raphael</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            8 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          726 €
        </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: 23%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">23%</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="smadja elisa">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/smadja-elisa">
    <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 Elisa</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            8 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          644 €
        </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: 40%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">40%</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="ben-simon nava">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/ben-simon-nava">
    <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;">
        B
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Ben-simon Nava</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            5 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          604 €
        </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: 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 --><!-- BEGIN app/views/public/campaigns/_team_drawer_item.html.erb
-->
<li data-team-filter-target="item"
    data-team-name="madame emmanuelle louis cohen  ">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/madame-emmanuelle-louis-cohen">
    <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;">
        M
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Madame Emmanuelle Louis Cohen  </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;">
          564 €
        </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: 18%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">18%</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="berrebi  jonathan ">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/berrebi-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;">
        B
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Berrebi  Jonathan </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;">
          540 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 6 400 €
          </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: 8%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">8%</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="laskar samuel">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/les-benjamins2026/teams/laskar-samuel">
    <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;">
        L
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">LASKAR SAMUEL</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            10 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          536 €
        </p>
      </div>
    </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=4">Voir plus</a>
  </div>
</template></turbo-stream>