{% extends "base.html" %}
{% block title %}New League · myboker.org{% endblock %}
{% block content %}

<div class="form-shell narrow">
    <form class="panel form-card" method="post">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div>
            <p class="eyebrow">League setup</p>
            <h1 style="font-size:28px;margin-bottom:8px;">Create league</h1>
            <p class="muted-text" style="margin-bottom:8px;">Leagues are long-lived containers. Seasons can be added later.</p>
        </div>
        <label>
            <span>Name <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Pick something recognizable — it appears on your dashboard and the leaderboard.</span></span></span>
            <input type="text" name="name" value="{{ form.name or '' }}" placeholder="Friday Poker" required>
        </label>
        <label>
            <span>Description <span class="info-tip" tabindex="0"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true"><circle cx="6.5" cy="6.5" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M6.5 6v3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="6.5" cy="4" r=".7" fill="currentColor"/></svg><span class="info-tip__bubble">Optional. Add context like 'Friday night home game, $20 buy-in'. Visible to league members.</span></span></span>
            <textarea name="description" placeholder="Private home league">{{ form.description or '' }}</textarea>
        </label>
        <button class="btn btn--primary" type="submit">Create league</button>
        <a class="btn btn--ghost" href="{{ url_for('leagues.index') }}">Cancel</a>
    </form>
</div>

{% endblock %}