
  <turbo-stream action="replace" target="donors-sidebar-section"><template>
    
<section id="donors-sidebar-section"
         class="campaign-donors-card bg-white rounded-2xl shadow-md ring-1 ring-black/5 border border-base-200 p-4 sm:p-5 max-h-[calc(100vh-3rem)] flex flex-col"
         style="--scroll-thumb: #f6765040; --scroll-thumb-hover: #f67650;">

  <div class="space-y-3 mb-3">
    <h2 class="font-bold text-base sm:text-lg">
      Derniers donateurs
    </h2>

      <form class="flex flex-col gap-2" data-controller="auto-submit" data-turbo-stream="true" action="/choisirlecolejuive2026/campaign_donations" accept-charset="UTF-8" method="get">
        <input type="hidden" name="mode" id="mode" value="filter" />
        <input type="hidden" name="instance_id" id="instance_id" value="donors-sidebar" />
        

          <div class="relative">
            <svg class="w-4 h-4 absolute left-2.5 top-1/2 -translate-y-1/2 text-base-content/60 pointer-events-none" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
            </svg>
            <input placeholder="Chercher un donateur" class="input input-sm input-bordered pl-8 w-full" data-action="input-&gt;auto-submit#submitDebounced" type="search" name="q" id="q" />
          </div>

          <select class="select select-sm select-bordered w-full" data-action="change-&gt;auto-submit#submit" name="team_id" id="team_id"><option value="">Toutes les équipes</option>
<option value="55739">Elodie Marciano</option>
<option value="55724">Shimon Marciano</option>
<option value="55725">Yoni Marciano</option>
<option value="56381">Benjamin Marciano</option>
<option value="55729">Benjamin Klein</option>
<option value="55740">Margot Benyaich Dahan</option>
<option value="55727">Noa Marciano</option>
<option value="55966">Elior Marciano</option>
<option value="55741">Johanna Smadja</option>
<option value="55733">David Mimoun</option>
<option value="55734">Déborah Baroukh</option>
<option value="55965">Noemie Chelly</option>
<option value="56097">Eran Debosc</option>
<option value="55742">Noa Kerbel</option>
<option value="55744">Chai Marciano</option>
<option value="55743">Alloj </option>
<option value="55963">Ruben Angel</option>
<option value="55968">Ilan Cohen</option>
<option value="56098">Yonathan Amar</option>
<option value="56100">Torah Times</option>
<option value="55746">Deborah Saada</option>
<option value="55726">Shanna Marciano</option>
<option value="55962">Eva Kessous</option>
<option value="55735">Nathanel Ouaknine</option>
<option value="55728">Emouna Gottfarstein</option>
<option value="55730">Yael Azoulay</option>
<option value="55731">Isabelle Baranes</option>
<option value="55732">Dan David Bendriem</option>
<option value="55736">Sarah Assous</option>
<option value="55737">Eric Hassoun</option>
<option value="55738">Gad Hassoun</option>
<option value="55745">Yann Schnitzler</option>
<option value="55964">Liora Ayach</option>
<option value="55967">Moise Marciano</option>
<option value="56096">Léa Benichou</option>
<option value="56099">Evelyne Marciano</option>
<option value="56385">Eyal Trigalo </option>
<option value="56386">Léna partouche</option>
<option value="56387">Gary Guelblum </option>
<option value="56388">Ethan Chicheportiche</option>
<option value="56422">David Naccache </option></select>

</form>  </div>

    <ul id="donors-sidebar-list"
        class="campaign-donors-list divide-y divide-base-200 overflow-y-auto -mx-4 sm:-mx-5 px-4 sm:px-5 flex-1">
      
<li class="py-3.5" data-donation-id="2330483">
  <div class="flex items-start gap-3">
      <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;">
        D
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">DCYL CONSULTING</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Benjamin Klein
        </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        260 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 20 days
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="2330044">
  <div class="flex items-start gap-3">
      <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="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">ARNOLD SPORN</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        200 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 20 days
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="2329621">
  <div class="flex items-start gap-3">
      <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="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Yehochoua/Christophe Morel</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        130 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 20 days
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="2328282">
  <div class="flex items-start gap-3">
      <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;">
        B
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Benjamin Mamou</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Benjamin Klein
        </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        260 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 21 days
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="2327091">
  <div class="flex items-start gap-3">
      <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="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Maurice Hallioua</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Benjamin Klein
        </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        100 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 22 days
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="2326388">
  <div class="flex items-start gap-3">
      <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;">
        S
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Satchel Bensoussan</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        200 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 24 days
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="2325034">
  <div class="flex items-start gap-3">
      <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;">
        L
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Laura  haddad</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        20 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 25 days
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="2324740">
  <div class="flex items-start gap-3">
      <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="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">ARNOLD SPORN</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Elodie Marciano
        </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        100 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 25 days
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="2324626">
  <div class="flex items-start gap-3">
      <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;">
        S
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Shimon Benchetrit</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Benjamin Marciano
        </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        100 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 25 days
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="2324262">
  <div class="flex items-start gap-3">
      <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="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Kevin Teboul</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Benjamin Klein
        </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        520 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 25 days
      </p>
    </div>
  </div>

</li>

    </ul>

    <div id="donors-sidebar-load-more" class="text-center mt-4">
        <a class="btn btn-ghost btn-sm" data-turbo-stream="true" href="/choisirlecolejuive2026/campaign_donations?donations_page=2&amp;instance_id=donors-sidebar&amp;mode=append">Load more</a>
    </div>
</section>

</template></turbo-stream>