<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/34">
  <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="Kabonge bullets" 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/eyJfcmFpbHMiOnsiZGF0YSI6MTA2LCJwdXIiOiJibG9iX2lkIn19--490d32fb94887b7bd0fa5df94eda3a2568d46448/4aca7b46-1df1-40a0-8497-ee540b04c345.jpg" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-emerald-700">KB</div></div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">KABONGE BULLETS</span>
          <span class="shrink-0 font-display text-base font-bold tabular-nums text-gray-900 dark:text-white">0</span>
      </div>
      <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">2</span>
      </div>
    </div>

  </div>

    </div>
    <p class="mt-1.5 truncate text-xs text-amber-700 dark:text-amber-300/85 ">
      MoTM &middot; Li Monywe
    </p>
    <p class="mt-1 truncate text-xs text-gray-400 dark:text-white/40 ">
      Kabonge Pri. Sch, Kirinyaga
    </p>
  </div>
  <span class="shrink-0 text-xs text-gray-400 dark:text-white/40">31 May · 02: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/33">
  <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="Kirinyaga Legends" 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/eyJfcmFpbHMiOnsiZGF0YSI6MTA4LCJwdXIiOiJibG9iX2lkIn19--438ea657cf9fa6c289abd4afd120b936ce58dd2e/083ff648-3def-4f7b-8a4a-b8307281a686.jpg" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-blue-700">KL</div></div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">KIRINYAGA LEGENDS</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="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">4</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 ">
      Kabonge Pri. Sch, Kirinyaga
    </p>
  </div>
  <span class="shrink-0 text-xs text-gray-400 dark:text-white/40">31 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/53">
  <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="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="LOS GUERREROS VERDES" 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/eyJfcmFpbHMiOnsiZGF0YSI6MTIwLCJwdXIiOiJibG9iX2lkIn19--036109b43fcb6b5bec8c1a8fc6cf3dd6490629c1/WhatsApp%20Image%202026-06-24%20at%2018.45.46.jpg" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-teal-700">LG</div></div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">LOS GUERREROS VERDES</span>
          <span class="shrink-0 font-display text-base font-bold tabular-nums text-gray-900 dark:text-white">2</span>
      </div>
      <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="AFROHEMIAN" 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/eyJfcmFpbHMiOnsiZGF0YSI6MTE5LCJwdXIiOiJibG9iX2lkIn19--c5fd20e0c758e6aa6af3277eae0eb9c4a48bbc13/WhatsApp%20Image%202026-06-24%20at%2018.45.46%20(1).jpg" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-emerald-700">A</div></div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">AFROHEMIAN</span>
          <span class="shrink-0 font-display text-base font-bold tabular-nums text-gray-900 dark:text-white">3</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 - GAME YA NYAMA
    </p>
  </div>
  <span class="shrink-0 text-xs text-gray-400 dark:text-white/40">24 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/8">
  <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">League</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">5</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-red-700">BL</div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">BOMANI 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; Sabi
    </p>
    <p class="mt-1 truncate text-xs text-gray-400 dark:text-white/40 ">
      Imani Grounds, Ruiru
    </p>
  </div>
  <span class="shrink-0 text-xs text-gray-400 dark:text-white/40">17 May · 01:45 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=6">
    <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 7 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=8">
    <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>