
<turbo-stream action="append" target="recent_donations_list"><template>
  <div class="flex items-center gap-3 sm:gap-4 px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors">
  <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
       style="background-color: var(--org-accent, var(--org-main)); color: white;">
      SA
  </div>

  <div class="flex-1 min-w-0">
    <div class="font-semibold text-sm sm:text-base text-neutral truncate">
      SEROR Avner
    </div>
      <div class="text-xs text-neutral/50">
        il y a 5 mois
      </div>
  </div>

  <div class="shrink-0 text-right">
    <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
      300 €
    </div>
  </div>
</div>
<div class="flex items-center gap-3 sm:gap-4 px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors">
  <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
       style="background-color: var(--org-accent, var(--org-main)); color: white;">
      CA
  </div>

  <div class="flex-1 min-w-0">
    <div class="font-semibold text-sm sm:text-base text-neutral truncate">
      CABINET ACCOUNT FOR 
    </div>
      <div class="text-xs text-neutral/50">
        il y a 5 mois
      </div>
  </div>

  <div class="shrink-0 text-right">
    <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
      1 000 €
    </div>
  </div>
</div>
<div class="flex items-center gap-3 sm:gap-4 px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors">
  <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
       style="background-color: var(--org-accent, var(--org-main)); color: white;">
      RC
  </div>

  <div class="flex-1 min-w-0">
    <div class="font-semibold text-sm sm:text-base text-neutral truncate">
      ROMAN CAPITAL 
    </div>
      <div class="text-xs text-neutral/50">
        il y a 5 mois
      </div>
  </div>

  <div class="shrink-0 text-right">
    <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
      1 530 €
    </div>
  </div>
</div>
<div class="flex items-center gap-3 sm:gap-4 px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors">
  <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
       style="background-color: var(--org-accent, var(--org-main)); color: white;">
      CC
  </div>

  <div class="flex-1 min-w-0">
    <div class="font-semibold text-sm sm:text-base text-neutral truncate">
      CHOURAQUI Corinne
    </div>
      <div class="text-xs text-neutral/50">
        il y a 5 mois
      </div>
  </div>

  <div class="shrink-0 text-right">
    <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
      104 €
    </div>
  </div>
</div>
<div class="flex items-center gap-3 sm:gap-4 px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors">
  <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
       style="background-color: var(--org-accent, var(--org-main)); color: white;">
      AG
  </div>

  <div class="flex-1 min-w-0">
    <div class="font-semibold text-sm sm:text-base text-neutral truncate">
      Artem Gurvich
    </div>
      <div class="text-xs text-neutral/50">
        il y a 5 mois
      </div>
  </div>

  <div class="shrink-0 text-right">
    <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
      100 €
    </div>
  </div>
</div>
<div class="flex items-center gap-3 sm:gap-4 px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors">
  <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
       style="background-color: var(--org-accent, var(--org-main)); color: white;">
      CM
  </div>

  <div class="flex-1 min-w-0">
    <div class="font-semibold text-sm sm:text-base text-neutral truncate">
      Cohen Manu
    </div>
      <div class="text-xs text-neutral/50">
        il y a 5 mois
      </div>
  </div>

  <div class="shrink-0 text-right">
    <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
      520 €
    </div>
  </div>
</div>
<div class="flex items-center gap-3 sm:gap-4 px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors">
  <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
       style="background-color: var(--org-accent, var(--org-main)); color: white;">
      BM
  </div>

  <div class="flex-1 min-w-0">
    <div class="font-semibold text-sm sm:text-base text-neutral truncate">
      BENSIMON Marc
    </div>
      <div class="text-xs text-neutral/50">
        il y a 5 mois
      </div>
  </div>

  <div class="shrink-0 text-right">
    <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
      260 €
    </div>
  </div>
</div>
<div class="flex items-center gap-3 sm:gap-4 px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors">
  <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
       style="background-color: var(--org-accent, var(--org-main)); color: white;">
      CS
  </div>

  <div class="flex-1 min-w-0">
    <div class="font-semibold text-sm sm:text-base text-neutral truncate">
      Caroline Sportich 
    </div>
      <div class="text-xs text-neutral/50">
        il y a 5 mois
      </div>
  </div>

  <div class="shrink-0 text-right">
    <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
      100 €
    </div>
  </div>
</div>
<div class="flex items-center gap-3 sm:gap-4 px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors">
  <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
       style="background-color: var(--org-accent, var(--org-main)); color: white;">
      PF
  </div>

  <div class="flex-1 min-w-0">
    <div class="font-semibold text-sm sm:text-base text-neutral truncate">
      POULOS Francois
    </div>
      <div class="text-xs text-neutral/50">
        il y a 5 mois
      </div>
  </div>

  <div class="shrink-0 text-right">
    <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
      300 €
    </div>
  </div>
</div>
<div class="flex items-center gap-3 sm:gap-4 px-4 sm:px-5 py-3 sm:py-4 hover:bg-base-50 transition-colors">
  <div class="shrink-0 w-10 h-10 sm:w-11 sm:h-11 rounded-full flex items-center justify-center font-bold text-sm"
       style="background-color: var(--org-accent, var(--org-main)); color: white;">
      AK
  </div>

  <div class="flex-1 min-w-0">
    <div class="font-semibold text-sm sm:text-base text-neutral truncate">
      ADIDA Kevin
    </div>
      <div class="text-xs text-neutral/50">
        il y a 5 mois
      </div>
  </div>

  <div class="shrink-0 text-right">
    <div class="font-bold text-sm sm:text-base whitespace-nowrap" style="color: var(--org-accent, var(--org-main));">
      260 €
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="load_more_button"><template>
    <div id="load_more_button" class="mt-4 text-center">
      <a class="btn btn-sm btn-outline gap-2" data-turbo-stream="true" data-turbo-prefetch="false" href="/bhmarseille7/donations?page=19">
        Voir plus
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
        </svg>
</a>    </div>
</template></turbo-stream>