<turbo-stream action="append" target="home_results_list"><template>
    <a class="block rounded-xl border border-white/10 bg-white/[0.03] p-3 transition hover:border-white/20 hover:bg-white/[0.05]" href="/matches/24">
  <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-white/10 px-2 py-0.5 text-[10px] font-medium text-white/65">Friendlies</span>
    </div>
    <p class="mt-2 text-sm leading-snug">
        <span class="font-medium text-white">Wagenge FC</span>
  <span class="font-normal text-white/40"> vs </span>
  <span class="font-medium text-white">Don Bosco FC</span>

    </p>
    <p class="mt-2 text-lg font-bold tabular-nums text-white">
      1 - 1
    </p>
      <p class="mt-1 text-xs text-amber-300/85">MoTM · Mgothi</p>
      <p class="mt-0.5 text-xs text-white/40">Don Bosco, Makuyu</p>
  </div>
  <span class="shrink-0 text-xs text-white/40">29 Mar</span>
</div>

</a>
    <a class="block rounded-xl border border-white/10 bg-white/[0.03] p-3 transition hover:border-white/20 hover:bg-white/[0.05]" href="/matches/23">
  <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-white/10 px-2 py-0.5 text-[10px] font-medium text-white/65">Training</span>
    </div>
    <p class="mt-2 text-sm leading-snug">
        <span class="font-medium text-white">Training session</span>

    </p>
    <p class="mt-2 text-lg font-bold tabular-nums text-white">
      —
    </p>
      <p class="mt-0.5 text-xs text-white/40">Don Bosco, Makuyu </p>
  </div>
  <span class="shrink-0 text-xs text-white/40">29 Mar</span>
</div>

</a>
    <a class="block rounded-xl border border-white/10 bg-white/[0.03] p-3 transition hover:border-white/20 hover:bg-white/[0.05]" href="/matches/54">
  <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-white/10 px-2 py-0.5 text-[10px] font-medium text-white/65">Internal</span>
    </div>
    <p class="mt-2 text-sm leading-snug">
        <span class="font-medium text-white">Crystal palace</span>
  <span class="font-normal text-white/40"> vs </span>
  <span class="font-medium text-white">Norwich</span>

    </p>
    <p class="mt-2 text-lg font-bold tabular-nums text-white">
      4 - 1
    </p>
      <p class="mt-1 text-xs text-amber-300/85">MoTM · Scritchez</p>
      <p class="mt-0.5 text-xs text-white/40">Don Bosco, Makuyu</p>
  </div>
  <span class="shrink-0 text-xs text-white/40">29 Mar</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 border-t border-white/10 pt-4">
    <a data-turbo-stream="true" class="flex w-full items-center justify-center rounded-xl border border-white/15 bg-white/[0.03] px-4 py-2.5 text-sm font-medium text-white/75 transition hover:border-white/30 hover:bg-white/[0.06] hover:text-white" href="/home/load_more_results?from_limit=21">
      Load more
      <span class="ml-2 text-xs tabular-nums text-white/40">(21 of 36)</span>
</a></div>

</template></turbo-stream>