<turbo-stream action="update" target="home_results_list"><template>
      <a class="block rounded-xl border border-gray-100 bg-white p-2.5 transition hover:border-gray-200 hover:bg-gray-50 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20 dark:hover:bg-white/[0.05]" href="/matches/30">
  <div class="flex items-start justify-between gap-3">
  <div class="min-w-0 flex-1">
    <div class="flex flex-wrap items-center gap-2">
      <span class="rounded-md px-2 py-0.5 text-[10px] font-bold uppercase bg-emerald-500/20 text-emerald-300">W</span>
      <span class="rounded-md bg-gray-100 px-2 py-0.5 text-[10px] font-medium text-gray-600 dark:bg-white/10 dark:text-white/65">Friendlies</span>
    </div>
    <div class="mt-1.5 text-sm leading-snug">
        <div class="flex items-center gap-3">
    <div class="min-w-0 flex-1 space-y-1.5">
      <div class="flex items-center gap-2">
        <div class="relative overflow-hidden flex-shrink-0 rounded-full flex items-center justify-center font-bold text-white h-9 w-9 text-[10px] border border-gray-200 dark:border-white/10 bg-white"><img alt="Wagenge FC" class="w-full h-full object-cover" onerror="this.style.display=&#39;none&#39;;this.nextElementSibling.classList.remove(&#39;hidden&#39;);" src="https://wagengefc.karinova.io/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA1LCJwdXIiOiJibG9iX2lkIn19--493f4e72313833f078bd1f3db2c90939f63bd9da/icon_maroon.png" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-indigo-700">WF</div></div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">WAGENGE FC</span>
          <span class="shrink-0 font-display text-base font-bold tabular-nums text-gray-900 dark:text-white">8</span>
      </div>
      <div class="flex items-center gap-2">
        <div class="flex-shrink-0 rounded-full flex items-center justify-center font-bold text-white h-9 w-9 text-[10px] bg-emerald-700">KH</div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">KIJABE HOSPITAL</span>
          <span class="shrink-0 font-display text-base font-bold tabular-nums text-gray-900 dark:text-white">5</span>
      </div>
    </div>

  </div>

    </div>
    <p class="mt-1.5 truncate text-xs text-amber-700 dark:text-amber-300/85 ">
      MoTM &middot; Balloh
    </p>
    <p class="mt-1 truncate text-xs text-gray-400 dark:text-white/40 ">
      Murengeti Pri. School
    </p>
  </div>
  <span class="shrink-0 text-xs text-gray-400 dark:text-white/40">10 May · 03:00 PM</span>
</div>

</a>
      <a class="block rounded-xl border border-gray-100 bg-white p-2.5 transition hover:border-gray-200 hover:bg-gray-50 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20 dark:hover:bg-white/[0.05]" href="/matches/52">
  <div class="flex items-start justify-between gap-3">
  <div class="min-w-0 flex-1">
    <div class="flex flex-wrap items-center gap-2">
      <span class="rounded-md px-2 py-0.5 text-[10px] font-bold uppercase bg-emerald-500/20 text-emerald-300">W</span>
      <span class="rounded-md bg-gray-100 px-2 py-0.5 text-[10px] font-medium text-gray-600 dark:bg-white/10 dark:text-white/65">Friendlies</span>
    </div>
    <div class="mt-1.5 text-sm leading-snug">
        <div class="flex items-center gap-3">
    <div class="min-w-0 flex-1 space-y-1.5">
      <div class="flex items-center gap-2">
        <div class="relative overflow-hidden flex-shrink-0 rounded-full flex items-center justify-center font-bold text-white h-9 w-9 text-[10px] border border-gray-200 dark:border-white/10 bg-white"><img alt="Wagenge FC" class="w-full h-full object-cover" onerror="this.style.display=&#39;none&#39;;this.nextElementSibling.classList.remove(&#39;hidden&#39;);" src="https://wagengefc.karinova.io/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA1LCJwdXIiOiJibG9iX2lkIn19--493f4e72313833f078bd1f3db2c90939f63bd9da/icon_maroon.png" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-indigo-700">WF</div></div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">WAGENGE FC</span>
          <span class="shrink-0 font-display text-base font-bold tabular-nums text-gray-900 dark:text-white">3</span>
      </div>
      <div class="flex items-center gap-2">
        <div class="flex-shrink-0 rounded-full flex items-center justify-center font-bold text-white h-9 w-9 text-[10px] bg-rose-700">KL</div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">KABETE LEGENDS</span>
          <span class="shrink-0 font-display text-base font-bold tabular-nums text-gray-900 dark:text-white">1</span>
      </div>
    </div>

  </div>

    </div>
    <p class="mt-1.5 truncate text-xs text-amber-700 dark:text-amber-300/85 ">
      MoTM &middot; Michuki
    </p>
    <p class="mt-1 truncate text-xs text-gray-400 dark:text-white/40 ">
      Murengeti Pri. School
    </p>
  </div>
  <span class="shrink-0 text-xs text-gray-400 dark:text-white/40">10 May · 01:00 PM</span>
</div>

</a>
      <a class="block rounded-xl border border-gray-100 bg-white p-2.5 transition hover:border-gray-200 hover:bg-gray-50 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20 dark:hover:bg-white/[0.05]" href="/matches/51">
  <div class="flex items-start justify-between gap-3">
  <div class="min-w-0 flex-1">
    <div class="flex flex-wrap items-center gap-2">
      <span class="rounded-md px-2 py-0.5 text-[10px] font-bold uppercase bg-blue-500/20 text-blue-300">T</span>
      <span class="rounded-md bg-gray-100 px-2 py-0.5 text-[10px] font-medium text-gray-600 dark:bg-white/10 dark:text-white/65">Training</span>
    </div>
    <div class="mt-1.5 text-sm leading-snug">
        <div class="flex items-center gap-2.5">
    <div class="relative overflow-hidden flex-shrink-0 rounded-full flex items-center justify-center font-bold text-white h-9 w-9 text-[10px] border border-gray-200 dark:border-white/10 bg-white"><img alt="Wagenge FC" class="w-full h-full object-cover" onerror="this.style.display=&#39;none&#39;;this.nextElementSibling.classList.remove(&#39;hidden&#39;);" src="https://wagengefc.karinova.io/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA1LCJwdXIiOiJibG9iX2lkIn19--493f4e72313833f078bd1f3db2c90939f63bd9da/icon_maroon.png" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-indigo-700">WF</div></div>
    <span class="font-medium text-gray-600 dark:text-white">Training session</span>
  </div>

    </div>
    <p class="mt-1.5 truncate text-xs text-amber-700 dark:text-amber-300/85 invisible">
      MoTM &middot; placeholder
    </p>
    <p class="mt-1 truncate text-xs text-gray-400 dark:text-white/40 ">
      DON BOSCO MAKUYU
    </p>
  </div>
  <span class="shrink-0 text-xs text-gray-400 dark:text-white/40">3 May · 12:00 PM</span>
</div>

</a>
      <a class="block rounded-xl border border-gray-100 bg-white p-2.5 transition hover:border-gray-200 hover:bg-gray-50 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20 dark:hover:bg-white/[0.05]" href="/matches/32">
  <div class="flex items-start justify-between gap-3">
  <div class="min-w-0 flex-1">
    <div class="flex flex-wrap items-center gap-2">
      <span class="rounded-md px-2 py-0.5 text-[10px] font-bold uppercase bg-white/10 text-white/65">—</span>
      <span class="rounded-md bg-gray-100 px-2 py-0.5 text-[10px] font-medium text-gray-600 dark:bg-white/10 dark:text-white/65">Internal</span>
    </div>
    <div class="mt-1.5 text-sm leading-snug">
        <div class="flex items-center gap-3">
    <div class="min-w-0 flex-1 space-y-1.5">
      <div class="flex items-center gap-2">
        <div class="flex-shrink-0 rounded-full flex items-center justify-center font-bold text-white h-9 w-9 text-[10px] bg-red-700">CP</div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">CRYSTAL PALACE</span>
          <span class="shrink-0 font-display text-base font-bold tabular-nums text-gray-900 dark:text-white">4</span>
      </div>
      <div class="flex items-center gap-2">
        <div class="flex-shrink-0 rounded-full flex items-center justify-center font-bold text-white h-9 w-9 text-[10px] bg-emerald-700">N</div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">NORWICH</span>
          <span class="shrink-0 font-display text-base font-bold tabular-nums text-gray-900 dark:text-white">0</span>
      </div>
    </div>

  </div>

    </div>
    <p class="mt-1.5 truncate text-xs text-amber-700 dark:text-amber-300/85 invisible">
      MoTM &middot; placeholder
    </p>
    <p class="mt-1 truncate text-xs text-gray-400 dark:text-white/40 ">
      KSTVET
    </p>
  </div>
  <span class="shrink-0 text-xs text-gray-400 dark:text-white/40">26 Apr · 01:00 PM</span>
</div>

</a>
</template></turbo-stream>
<turbo-stream action="replace" target="home_results_load_more"><template>
  <div id="home_results_load_more" class="mt-4 flex items-center justify-between border-t border-gray-100 pt-4 dark:border-white/10">
    <a data-turbo-stream="true" aria-label="Previous page" class="flex h-9 w-9 items-center justify-center rounded-lg border transition border-gray-200 text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-900 dark:border-white/15 dark:text-white/60 dark:hover:border-white/30 dark:hover:bg-white/[0.06] dark:hover:text-white" href="/home/load_more_results?page=7">
    <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
    </svg>
</a>
  <span class="text-xs font-semibold tabular-nums text-gray-400 dark:text-white/40">Page 8 of 14</span>
    <a data-turbo-stream="true" aria-label="Next page" class="flex h-9 w-9 items-center justify-center rounded-lg border transition border-gray-200 text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-900 dark:border-white/15 dark:text-white/60 dark:hover:border-white/30 dark:hover:bg-white/[0.06] dark:hover:text-white" href="/home/load_more_results?page=9">
    <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
    </svg>
</a>
</div>

</template></turbo-stream>