
  <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>

  </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 bg-white shadow-sm ring-1 flex items-center justify-center overflow-hidden flex-shrink-0"
           style="border-color: rgba(112, 8, 8, 1); --tw-ring-color: rgba(112, 8, 8, 1);"
           title="Palier : 1 000 – 2 599 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5078/original/Flamme-bordeau.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">Monique CHOURAQUI</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          2 000 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 11 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(15, 41, 148, 1); --tw-ring-color: rgba(15, 41, 148, 1);"
           title="Palier : 520 – 999 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5077/original/LogoMerkazHatorah2022-Color2.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">Eric Cohen</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Guetta yehouda
        </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 12 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 : 0 – 519 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5076/original/LogoMerkazHatorah2022-Color2.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">Evelyne  Att</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via 4e Attia Taly
        </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 12 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 : 0 – 519 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5076/original/LogoMerkazHatorah2022-Color2.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">Pinhas et David Yarone HALIMI</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          312 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 12 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;">
      « Toute notre Hakarate Hatov envers le Merkaz et envers ses Rabbanimes, Rav Yehouda שליט״א et Rav Sebbag שליט״א à qui nous souhaitons Hatslaha ,longue vie et santé »
    </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 : 0 – 519 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5076/original/LogoMerkazHatorah2022-Color2.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">Zenou David</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          28 ₪
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 14 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 : 0 – 519 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5076/original/LogoMerkazHatorah2022-Color2.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">Isaac Jacques  Maarek </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 14 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 : 0 – 519 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5076/original/LogoMerkazHatorah2022-Color2.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">Myriam Assuied Zafrany</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via 3e MADAR bitya 
        </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 15 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 : 0 – 519 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5076/original/LogoMerkazHatorah2022-Color2.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">Moshé Haim</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Freoua  Hava
        </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          126 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 15 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 : 0 – 519 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5076/original/LogoMerkazHatorah2022-Color2.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">Franck  NAKACHE </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          126 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 15 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;">
      « Hazak hatslaha  »
    </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 : 0 – 519 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/5076/original/LogoMerkazHatorah2022-Color2.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">Berakha Guila  Bensimon </p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Pirnay Margalith
        </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          52 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 15 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;">
      « Merci Merkaz pour toutes ces magnifiques années merci pour tout !  »
    </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="/merkaz-2026/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>