
  <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="/beit-yossef2023/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="25029">Rav Yossef Loria</option>
<option value="24777">RAV LORIA</option>
<option value="24760">SENIOR Yona&amp;Yehiel</option>
<option value="22956">by4</option>
<option value="24778">RABBANIT  LORIA</option>
<option value="24711">Jordan Ohayon</option>
<option value="24774">Zerdoun Akiva&amp;Rachel</option>
<option value="24680">David Brami</option>
<option value="24998">Raphaël bensimon</option>
<option value="24605">ABITBOL Solal</option>
<option value="24925">Levi itshak cazes</option>
<option value="24689">Elisabeth Aboudarham</option>
<option value="24724">Levy Deborah</option>
<option value="24776">ZERDOUN Ilona</option>
<option value="24681">David&amp;Sarah Benguira</option>
<option value="24997">Isaac gabay  </option>
<option value="24721">Lebrati-Family </option>
<option value="24740">Nathalie Perez</option>
<option value="24708">HAZAN Moshe et lea </option>
<option value="24974">odelia perez</option>
<option value="24609">ALLALI Raphael et Myriam</option>
<option value="24656">BOUJENAH Shirel</option>
<option value="24741">Nathalie Koskas</option>
<option value="24939">YOSEF HILU</option>
<option value="24618">ASHOUR Shirel</option>
<option value="24647">BERDAH Rivka</option>
<option value="22955">by3</option>
<option value="24723">Leslie Boccara</option>
<option value="24691">Famille FEDIDA</option>
<option value="24920">Aviel Braham</option>
<option value="24684">Eden Bensamoun</option>
<option value="24695">FREOUA Levana</option>
<option value="24717">LAHMI Rouhama</option>
<option value="24763">SULTAN Laureen&amp;Yaakov</option>
<option value="24617">ANIDJAR Chmouel et sarah</option>
<option value="24751">Sam Benitah</option>
<option value="24726">LEVY Naama</option>
<option value="25032">Miriam bussu</option>
<option value="24624">Aurelia Cardoso</option>
<option value="24929">Yaniv Tordjman</option>
<option value="24757">Sebastien Benitah</option>
<option value="24919">Aharon Ifrah </option>
<option value="24770">UZAN Liora</option>
<option value="24676">CREMISI Ahouva</option>
<option value="24619">ATALI INGRID</option>
<option value="24633">BENAIS Myriam</option>
<option value="24696">GABISON Asnath</option>
<option value="24928">Ovadia mizrahi </option>
<option value="24765">TRABELSI Orah</option>
<option value="24750">SABATIN CHIREL</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="851331">
  <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 : 0 – 259 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2637/original/logo_beit_yossef_(1).jpg" 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">Efergan orit</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Aharon Ifrah 
        </p>
    </div>

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

</li>

<li class="py-3.5" data-donation-id="850207">
  <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 : 0 – 259 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2637/original/logo_beit_yossef_(1).jpg" 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">Anonyme</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via SULTAN Laureen&amp;Yaakov
        </p>
    </div>

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

</li>

<li class="py-3.5" data-donation-id="847368">
  <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 : 0 – 259 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2637/original/logo_beit_yossef_(1).jpg" 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">Anonyme</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Miriam bussu
        </p>
    </div>

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

</li>

<li class="py-3.5" data-donation-id="847127">
  <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 : 0 – 259 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2637/original/logo_beit_yossef_(1).jpg" 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">Anonyme</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via OUZERI SHARONA
        </p>
    </div>

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

</li>

<li class="py-3.5" data-donation-id="845288">
  <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 : 0 – 259 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2637/original/logo_beit_yossef_(1).jpg" 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">Schlama pia</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via RABBANIT  LORIA
        </p>
    </div>

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

</li>

<li class="py-3.5" data-donation-id="844207">
  <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/2639/original/22222tickets.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">ECFORMATION</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Rav Yossef Loria
        </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 plus de 3 ans
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="842214">
  <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 : 0 – 259 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2637/original/logo_beit_yossef_(1).jpg" 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">Meimoun noa</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via MEIMOUN Noa
        </p>
    </div>

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

    <div class="mt-2 ml-[3.25rem] pl-1 border-l-2 text-xs text-base-content/70 italic leading-relaxed break-words"
         style="border-color: #f6765040; padding-left: 0.625rem;">
      « zecher lemahatsit hasheckel »
    </div>
</li>

<li class="py-3.5" data-donation-id="842096">
  <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 : 0 – 259 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2637/original/logo_beit_yossef_(1).jpg" 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">Anonyme</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via nacache rouhama
        </p>
    </div>

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

    <div class="mt-2 ml-[3.25rem] pl-1 border-l-2 text-xs text-base-content/70 italic leading-relaxed break-words"
         style="border-color: #f6765040; padding-left: 0.625rem;">
      « zecher lemahatsit achekel  »
    </div>
</li>

<li class="py-3.5" data-donation-id="841972">
  <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 : 0 – 259 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2637/original/logo_beit_yossef_(1).jpg" 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">Orah Trabelsi </p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via TRABELSI Orah
        </p>
    </div>

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

    <div class="mt-2 ml-[3.25rem] pl-1 border-l-2 text-xs text-base-content/70 italic leading-relaxed break-words"
         style="border-color: #f6765040; padding-left: 0.625rem;">
      « מחצית שקל  »
    </div>
</li>

<li class="py-3.5" data-donation-id="841949">
  <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 : 0 – 259 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2637/original/logo_beit_yossef_(1).jpg" 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">Linore Attias</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via TUBIANA Odaya
        </p>
    </div>

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

    <div class="mt-2 ml-[3.25rem] pl-1 border-l-2 text-xs text-base-content/70 italic leading-relaxed break-words"
         style="border-color: #f6765040; padding-left: 0.625rem;">
      « Mitzvate Mahatzite Ashekel  »
    </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="/beit-yossef2023/campaign_donations?donations_page=2&amp;instance_id=donors-sidebar&amp;mode=append">Voir plus</a>
    </div>
</section>

</template></turbo-stream>