{% extends "base.html" %}
{% block title %}Search Public Home Poker Leagues · myboker.org{% endblock %}
{% block meta_description %}Search public home poker league results, leaderboards, sessions, and player stats from groups using myboker.org.{% endblock %}
{% block content %}

<section class="explore-hero">
    <div class="explore-header">
        <p class="explore-header__eyebrow">Public leagues</p>
        <h1 class="explore-header__title">Search public leagues</h1>
        <p class="explore-header__sub">Public league pages are discoverable by name, but myboker does not list every public league by default.</p>
    </div>

    <form method="get" action="{{ url_for('public.explore') }}" class="explore-search-row">
        <label class="sr-only" for="league-search">Search by league name</label>
        <input class="field-input" id="league-search" type="search" name="q" value="{{ q }}" placeholder="Search by league name..." autocomplete="off">
        <button class="btn btn--primary" type="submit">Search</button>
        {% if q %}<a class="btn btn--ghost" href="{{ url_for('public.explore') }}">Clear</a>{% endif %}
    </form>

    <div class="explore-privacy-note">
        <span class="explore-privacy-note__dot"></span>
        <span>Leagues are private unless an owner explicitly makes results public.</span>
    </div>
</section>

{% if has_searched and leagues %}
<div class="explore-results-head">
    <span>{{ leagues|length }} result{{ 's' if leagues|length != 1 else '' }} for "{{ q }}"</span>
</div>
<div class="explore-cards">
    {% for league in leagues %}
    {% set c = counts.get(league.id, {}) %}
    <a class="ex-card" href="{{ url_for('leagues.dashboard', league_ref=league.url_ref) }}">
        <div class="ex-card__initial">{{ league.name[0] | upper }}</div>
        <h2 class="ex-card__name">{{ league.name }}</h2>
        {% if league.description %}
        <p class="ex-card__desc">{{ league.description }}</p>
        {% else %}
        <p class="ex-card__desc" style="opacity:.35;">No description</p>
        {% endif %}
        <div class="ex-card__stats">
            <div class="ex-card__stat">
                <span class="kicker">Players</span>
                <strong>{{ c.get('players', 0) }}</strong>
            </div>
            <div class="ex-card__stat">
                <span class="kicker">Sessions</span>
                <strong>{{ c.get('sessions', 0) }}</strong>
            </div>
            {% if c.get('open_sessions', 0) > 0 %}
            <div class="ex-card__stat">
                <span class="kicker">Live</span>
                <strong style="color:var(--pos);">{{ c.get('open_sessions', 0) }}</strong>
            </div>
            {% endif %}
        </div>
        <div class="ex-card__footer">
            <span class="ex-card__link">View league →</span>
        </div>
    </a>
    {% endfor %}
</div>
{% elif has_searched %}
<div class="explore-empty">
    <h2>No public leagues found</h2>
    <p>No public league matched "{{ q }}". Check the spelling or ask the league owner for their shared link.</p>
    <a class="btn btn--ghost btn--sm" href="{{ url_for('public.explore') }}">Reset search</a>
</div>
{% else %}
<div class="explore-empty explore-empty--start">
    <h2>Enter a league name to search</h2>
    <p>This page does not expose a directory of every public league. Search only returns leagues whose owners have chosen public visibility.</p>
</div>
{% endif %}

{% endblock %}