
  <turbo-stream action="replace" target="donors-sidebar-section"><template>
    <!-- BEGIN app/views/public/campaigns/_recent_donations.html.erb
-->
<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="/les-benjamins2026/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="55649">Dayan Nessim</option>
<option value="55694">Zerbib  R</option>
<option value="55672">Dayan Annelle et Gabriel</option>
<option value="55949">Rs18</option>
<option value="55661">Atlan Edwige</option>
<option value="56420">Dayan  Myriam </option>
<option value="55671">Dayan Ruth</option>
<option value="55689">Simon E</option>
<option value="55670">Sadoun Sarah</option>
<option value="55695">LEVI Enzo</option>
<option value="55681">Sitbon Gladys</option>
<option value="55684">Benattar Samantha</option>
<option value="55688">Zerah Alexandre </option>
<option value="55680">Sellam Kazoula</option>
<option value="55656">Binisti Sandy</option>
<option value="55674">Berdah Simon</option>
<option value="55663">Lelloum Samantha</option>
<option value="55677">Levy Jessie</option>
<option value="56419">Jeremy sfez </option>
<option value="55711">ASSOULINE Dan</option>
<option value="55686">Blaise  Leslie</option>
<option value="55749">Sophie Gabis </option>
<option value="55651">Iffergan Paul pinhas</option>
<option value="55662">Banayoun Sabine</option>
<option value="56004">ABBOU GREGORY</option>
<option value="56000">OHAYON RIVKA</option>
<option value="55668">Fitoussi Deborah</option>
<option value="55655">Selma  Julien</option>
<option value="55664">Aidan Liliane</option>
<option value="55687">Maruani Sharon </option>
<option value="55650">Ibghi Raphael</option>
<option value="55679">Smadja Elisa</option>
<option value="55667">Ben-simon Nava</option>
<option value="56272">Madame Emmanuelle Louis Cohen  </option>
<option value="55678">Berrebi  Jonathan </option>
<option value="55980">LASKAR SAMUEL</option>
<option value="55665">Smadja Laetitia </option>
<option value="55685">Sonigo Anthony</option>
<option value="55683">Sonnino Julien</option>
<option value="55988">KALIFA BENJAMIN</option>
<option value="55654">Fitoussi Laetitia</option>
<option value="55714">SEBAN Dan</option>
<option value="56455">Reouven Bouhanna</option>
<option value="55985">HACCOUN JONATHAN</option>
<option value="55718">STUHRENBERG Judith</option>
<option value="55682">Sonigo Margarette</option>
<option value="56348">David Marrache</option>
<option value="55652">Chemoul Lea</option>
<option value="55712">BERDA Steev</option>
<option value="55997">A J</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">
      <!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <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">Lea  Laskar </p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via LASKAR SAMUEL
        </p>
    </div>

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

    <div class="mt-2 ml-13 sm:ml-13 pl-1 border-l-2 text-xs text-base-content/70 italic leading-relaxed break-words"
         style="border-color: #f6765040; padding-left: 0.625rem;">
      « Bravo a Shmouel pour tout ce que tu fais »
    </div>
</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <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;">
        נ
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">נועם טוויטו</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Fitoussi Deborah
        </p>
    </div>

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

</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <div class="flex items-start gap-3">
      <div class="w-10 h-10 rounded-full bg-white shadow-sm ring-1 flex items-center justify-center overflow-hidden flex-shrink-0"
           style="border-color: rgba(255, 255, 255, 0); --tw-ring-color: rgba(255, 255, 255, 0);"
           title="Palier : 520 – 999 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5132/original/Sans-titre-1.png" alt=""
             class="max-w-[78%] max-h-[78%] object-contain "
             loading="lazy" />
      </div>

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

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

    <div class="mt-2 ml-13 sm:ml-13 pl-1 border-l-2 text-xs text-base-content/70 italic leading-relaxed break-words"
         style="border-color: #f6765040; padding-left: 0.625rem;">
      « Très heureux comme toujours de participer à cette grande mitvza. Bon courage pour la suite . Roland Aidan  »
    </div>
</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <div class="flex items-start gap-3">
      <div class="w-10 h-10 rounded-full bg-white shadow-sm ring-1 flex items-center justify-center overflow-hidden flex-shrink-0"
           style="border-color: rgba(255, 255, 255, 0); --tw-ring-color: rgba(255, 255, 255, 0);"
           title="Palier : 260 – 519 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5131/original/5.png" alt=""
             class="max-w-[78%] max-h-[78%] object-contain "
             loading="lazy" />
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Asher  OHAYON</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Dayan Ruth
        </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 4 jours
      </p>
    </div>
  </div>

    <div class="mt-2 ml-13 sm:ml-13 pl-1 border-l-2 text-xs text-base-content/70 italic leading-relaxed break-words"
         style="border-color: #f6765040; padding-left: 0.625rem;">
      « Longue vie à cette magnifique école, si attentive au besoin de chaque enfant qu’elle accueille.
Behatslakha Raba!! »
    </div>
</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <div class="flex items-start gap-3">
      <div class="w-10 h-10 rounded-full bg-white shadow-sm ring-1 flex items-center justify-center overflow-hidden flex-shrink-0"
           style="border-color: rgba(255, 255, 255, 0); --tw-ring-color: rgba(255, 255, 255, 0);"
           title="Palier : 260 – 519 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5131/original/5.png" alt=""
             class="max-w-[78%] max-h-[78%] object-contain "
             loading="lazy" />
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Chemla Julie Samuel </p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Dayan Nessim
        </p>
    </div>

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

</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <div class="flex items-start gap-3">
      <div class="w-10 h-10 rounded-full bg-white shadow-sm ring-1 flex items-center justify-center overflow-hidden flex-shrink-0"
           style="border-color: rgba(255, 255, 255, 0); --tw-ring-color: rgba(255, 255, 255, 0);"
           title="Palier : 260 – 519 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5131/original/5.png" alt=""
             class="max-w-[78%] max-h-[78%] object-contain "
             loading="lazy" />
      </div>

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

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

</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <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">Machia’h Now </p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Dayan Nessim
        </p>
    </div>

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

</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <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;">
        R
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Raphaël BOTBOL</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Dayan Nessim
        </p>
    </div>

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

</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <div class="flex items-start gap-3">
      <div class="w-10 h-10 rounded-full bg-white shadow-sm ring-1 flex items-center justify-center overflow-hidden flex-shrink-0"
           style="border-color: rgba(255, 255, 255, 0); --tw-ring-color: rgba(255, 255, 255, 0);"
           title="Palier : 1 000 – 2 599 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5133/original/diamond-blanc.png" alt=""
             class="max-w-[78%] max-h-[78%] object-contain animate-heartBeat"
             loading="lazy" />
      </div>

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

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

</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <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">Moché Marciano</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Ibghi Raphael
        </p>
    </div>

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

</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb -->
    </ul>

    <div id="donors-sidebar-load-more" class="text-center mt-4">
        <a class="btn btn-ghost btn-sm" data-turbo-stream="true" href="/les-benjamins2026/campaign_donations?donations_page=2&amp;instance_id=donors-sidebar&amp;mode=append">Voir plus</a>
    </div>
</section>
<!-- END app/views/public/campaigns/_recent_donations.html.erb -->
</template></turbo-stream>