
  <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="/les-rois-du-monde2023/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="23123">Yohann </option>
<option value="23128">Gad</option>
<option value="23121">Terry </option>
<option value="23166">Charlotte</option>
<option value="23100">Claudia </option>
<option value="23092">Esther lise </option>
<option value="23119">Karen sion</option>
<option value="23112">Debo Amar</option>
<option value="23120">Stephanie Assayag </option>
<option value="23093">Alicia </option>
<option value="23101">Eliav </option>
<option value="23103">Galilee</option>
<option value="23095">Geraldineb</option>
<option value="23097">Audrey </option>
<option value="23099">Sophie </option>
<option value="23107">Karen elbaz</option>
<option value="23211">Laura b</option>
<option value="23048">Stephanie Robert </option>
<option value="23117">Rym </option>
<option value="23102">Ellie </option>
<option value="23104">Lea </option>
<option value="23114">Paul </option>
<option value="23098">Aurélien </option>
<option value="23122">Vanessa tubiana </option>
<option value="23094">Geraldinew</option>
<option value="23096">Alexandra </option>
<option value="23105">Ilana </option>
<option value="23106">Jessie </option>
<option value="23108">Dan </option>
<option value="23109">Levana </option>
<option value="23110">Ludo</option>
<option value="23111">Maurice </option>
<option value="23113">Ornella </option>
<option value="23115">Rephael</option>
<option value="23116">Sandra </option>
<option value="23118">Sharoni</option>
<option value="23124">Vanessa Amar </option>
<option value="23125">Amelie </option>
<option value="23126">Myriam </option>
<option value="23127">Yael</option>
<option value="23129">Agnès</option>
<option value="23187">Dominique</option>
<option value="23565">Axelle</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="870300">
  <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 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2473/original/je-soutiens-les-rois-du-monde.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">EMMEO</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        1 667 €
      </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="867427">
  <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 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2473/original/je-soutiens-les-rois-du-monde.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">Rudy Medioni</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Yohann 
        </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 plus de 3 ans
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="847710">
  <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 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2473/original/je-soutiens-les-rois-du-monde.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">Nicky COHEN-TADJOURI</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 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;">
      « Encore MERCI et BRAVO 😊🥇💙 »
    </div>
</li>

<li class="py-3.5" data-donation-id="847342">
  <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 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2473/original/je-soutiens-les-rois-du-monde.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">Agnès  GUETTA</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 plus de 3 ans
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="847329">
  <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 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2473/original/je-soutiens-les-rois-du-monde.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">Maral Kamber</p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Geraldineb
        </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 plus de 3 ans
      </p>
    </div>
  </div>

</li>

<li class="py-3.5" data-donation-id="847171">
  <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 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2473/original/je-soutiens-les-rois-du-monde.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">RL CONSEIL </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 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;">
      « Sandrine Lévy  »
    </div>
</li>

<li class="py-3.5" data-donation-id="846869">
  <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 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2473/original/je-soutiens-les-rois-du-monde.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">PMTS FINANCES</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        320 €
      </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="846842">
  <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 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2473/original/je-soutiens-les-rois-du-monde.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">JE AND CO </p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Esther lise 
        </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        320 €
      </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;">
      « Place gala  »
    </div>
</li>

<li class="py-3.5" data-donation-id="846603">
  <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 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2473/original/je-soutiens-les-rois-du-monde.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">2 S COSMÉTIQUE </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        320 €
      </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="846423">
  <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 €">
        <img src="https://allodons.s3.us-east-1.amazonaws.com/production/levels/2473/original/je-soutiens-les-rois-du-monde.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">SASU JCB CONSULTING </p>
        <p class="text-xs text-base-content/50 mt-0.5 break-words">
          via Claudia 
        </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
        640 €
      </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;">
      « Bonjour, 
Suite à mon échange avec Claudia en ce qui concerne la soirée de ce soir, je fais un règlement par ce biais afin de validés les deux places pour ce soir pour mon fils Melvyn et moi. »
    </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="/les-rois-du-monde2023/campaign_donations?donations_page=2&amp;instance_id=donors-sidebar&amp;mode=append">Voir plus</a>
    </div>
</section>

</template></turbo-stream>