
<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="berda steev">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-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">BERDA Steev</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;">
          260 €
        </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: 2%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">2%</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="a j">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-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">A J</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;">
          260 €
        </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="ifergan kelly">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-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">Ifergan Kelly</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;">
          230 €
        </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: 7%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">7%</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="maimoun lea">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-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">MAIMOUN LEA</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;">
          146 €
        </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="melloul raphael">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-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">MELLOUL RAPHAEL</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;">
          104 €
        </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="bouskila sarah">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-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">Bouskila Sarah</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;">
          70 €
        </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: 4%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">4%</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="salomé zouari">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-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">Salomé zouari</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;">
          52 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 3 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: 2%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">2%</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="flajtzer  elodie">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-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">Flajtzer  Elodie</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;">
          50 €
        </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: 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="bismuth hanna">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-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">Bismuth Hanna</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;">
          26 €
        </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="guetta benjamin">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-bold text-sm flex-shrink-0"
           style="background: #f67650;">
        G
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">GUETTA 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;">
          13 €
        </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: 0%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">0%</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="benattar eytan">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-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">Benattar Eytan</p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          0 €
        </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: 0%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">0%</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="lepel batya">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" 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-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">Lepel Batya</p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          0 €
        </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: 0%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">0%</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=6">Voir plus</a>
  </div>
</template></turbo-stream>