<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/31">
  <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-red-500/20 text-red-300">L</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">1</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="KIAMBU ROAD WAZEE" 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/eyJfcmFpbHMiOnsiZGF0YSI6MTI0LCJwdXIiOiJibG9iX2lkIn19--d636cf2cf1d4df3f23a6d90d7bc75605926b1f9a/WhatsApp%20Image%202026-07-02%20at%2019.13.56.jpg" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-violet-700">KR</div></div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">KIAMBU ROAD WAZEE</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 invisible">
      MoTM &middot; placeholder
    </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">5 Jul · 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/55">
  <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-amber-500/20 text-amber-300">D</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="Super Wasanii 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/eyJfcmFpbHMiOnsiZGF0YSI6MTEzLCJwdXIiOiJibG9iX2lkIn19--ec3c00c9ca92232fa3e89d05ac5326257d2916a0/IMG_4928.jpg" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-amber-700">SW</div></div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">SUPER WASANII FC</span>
          <span class="shrink-0 font-display text-base font-bold tabular-nums text-gray-900 dark:text-white">1</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">1</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 ">
      Juja Preparatory
    </p>
  </div>
  <span class="shrink-0 text-xs text-gray-400 dark:text-white/40">28 Jun · 04: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/37">
  <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-red-500/20 text-red-300">L</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">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="SOUTH 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/eyJfcmFpbHMiOnsiZGF0YSI6MTE0LCJwdXIiOiJibG9iX2lkIn19--aca9a60d63a670be1dfbd9ca672bb5cbaa9590cc/South%20Legends.jpg" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-teal-700">SL</div></div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">SOUTH LEGENDS</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 invisible">
      MoTM &middot; placeholder
    </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">28 Jun · 10:00 AM</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/9">
  <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">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="K Road 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/eyJfcmFpbHMiOnsiZGF0YSI6MTIyLCJwdXIiOiJibG9iX2lkIn19--e103b7aa2433a0383731d9ad968ba8aae7cb4bc3/Screenshot%202026-06-24%20at%2018.25.17.png" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-emerald-700">KR</div></div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">K ROAD FC</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 ">
      MoTM &middot; Scritchez
    </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">21 Jun · 03:35 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=4">
    <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 5 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=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="M9 5l7 7-7 7"/>
    </svg>
</a>
</div>

</template></turbo-stream>