
<turbo-stream action="append" target="teams-drawer-list"><template>
  
<li data-team-filter-target="item"
    data-team-name="warren chikli">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/warren-chikli">
    <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;">
        W
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Warren Chikli</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;">
          5 000 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 7 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: 67%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">67%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="abraham kohen">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/abraham-kohen">
    <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">Abraham Kohen</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;">
          5 000 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 10 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: 50%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">50%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="lise leszcczynski ">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/lise-leszcczynski">
    <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">Lise Leszcczynski </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;">
          4 580 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 5 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: 92%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">92%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="eyal et raphaël">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/eyal-et-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;">
        E
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">Eyal et Raphaël</p>
          <p class="text-xs text-base-content/50 mt-0.5">
            9 donateurs
          </p>
      </div>
      <div class="text-right flex-shrink-0">
        <p class="font-bold text-sm leading-none" style="color: #f67650;">
          1 981 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 5 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: 40%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">40%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="franck keller">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/franck-keller">
    <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">Franck Keller</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">
            / 5 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: 10%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">10%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="leslie et john benbaron">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/leslie-et-john-benbaron">
    <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">Leslie et John Benbaron</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">
            / 10 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: 5%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">5%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="sacha mazouz">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/sacha-mazouz">
    <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">Sacha Mazouz</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;">
          282 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 11 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: 2%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">2%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="maud &amp; nico">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/maud-nico">
    <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">Maud &amp; Nico</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">
            / 5 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: 5%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">5%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="kim &amp; david">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/kim-david">
    <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">Kim &amp; David</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">
            / 5 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: 5%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">5%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="raf">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/raf">
    <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">Raf</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;">
          204 €
        </p>
          <p class="text-[10px] text-base-content/50 mt-0.5 whitespace-nowrap">
            / 5 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: 4%; background: #f67650;"></div>
        </div>
        <span class="text-[10px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">4%</span>
      </div>
</a></li>

<li data-team-filter-target="item"
    data-team-name="tsc">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/tsc">
    <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;">
        T
      </div>
      <div class="min-w-0 flex-1">
        <p class="font-semibold text-sm break-words leading-snug group-hover:text-primary transition-colors">TSC</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">
            / 5 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>

<li data-team-filter-target="item"
    data-team-name="celine &amp; ben">
  <a class="group block bg-white rounded-xl border border-base-200 p-3 hover:shadow-sm transition-shadow" href="/ccjc-neuilly2026/celine-ben">
    <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">Celine &amp; Ben</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">
            / 5 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>

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