<turbo-stream action="update" target="home_fixtures_list"><template>
        <div class="rounded-xl border border-gray-100 bg-white p-3 dark:border-white/10 dark:bg-white/[0.03]">
    <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">
      <p class="text-xs font-medium text-red-600 dark:text-red-300/90">Sun 18 Oct · 10:05 AM</p>
      <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>
      </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">MF</div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">MASTERS FC</span>
      </div>
    </div>

      <span class="shrink-0 text-[11px] font-semibold uppercase tracking-wider text-gray-400 dark:text-white/40">vs</span>
  </div>

    </div>
    <p class="mt-1 truncate text-xs text-gray-400 dark:text-white/45">Imani Grounds, Ruiru</p>
  </div>
</div>

  </div>

        <div class="rounded-xl border border-gray-100 bg-white p-3 dark:border-white/10 dark:bg-white/[0.03]">
    <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">
      <p class="text-xs font-medium text-red-600 dark:text-red-300/90">Sun 25 Oct · 12:00 AM</p>
      <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 truncate text-xs text-gray-400 dark:text-white/45">TBD - INTERNAL FRIENDLY</p>
  </div>
</div>

  </div>

        <div class="rounded-xl border border-gray-100 bg-white p-3 dark:border-white/10 dark:bg-white/[0.03]">
    <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">
      <p class="text-xs font-medium text-red-600 dark:text-red-300/90">Sun 1 Nov · 11:00 AM</p>
      <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>
      </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="Essar 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/eyJfcmFpbHMiOnsiZGF0YSI6MTE2LCJwdXIiOiJibG9iX2lkIn19--49a453315fc0d2840324f61cc7d400f6d3d0aa95/Essar.jpg" /><div class="hidden absolute inset-0 rounded-full flex items-center justify-center font-bold text-white bg-indigo-700">EF</div></div>
        <span class="min-w-0 flex-1 font-medium leading-snug text-gray-900 dark:text-white">ESSAR FC</span>
      </div>
    </div>

      <span class="shrink-0 text-[11px] font-semibold uppercase tracking-wider text-gray-400 dark:text-white/40">vs</span>
  </div>

    </div>
    <p class="mt-1 truncate text-xs text-gray-400 dark:text-white/45">TBD</p>
  </div>
</div>

  </div>

        <div class="rounded-xl border border-gray-100 bg-white p-3 dark:border-white/10 dark:bg-white/[0.03]">
    <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">
      <p class="text-xs font-medium text-red-600 dark:text-red-300/90">Sun 8 Nov · 12:00 PM</p>
      <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="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>
      </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="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>
      </div>
    </div>

      <span class="shrink-0 text-[11px] font-semibold uppercase tracking-wider text-gray-400 dark:text-white/40">vs</span>
  </div>

    </div>
    <p class="mt-1 truncate text-xs text-gray-400 dark:text-white/45">TBD - GAME YA NYAMA</p>
  </div>
</div>

  </div>

</template></turbo-stream>
<turbo-stream action="replace" target="home_fixtures_load_more"><template>
  <div id="home_fixtures_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_fixtures?page=1">
    <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 2 of 3</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_fixtures?page=3">
    <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>