{% extends "base.html" %}

{% block title %}NHL Scrabble Analyzer - Playoff Bracket{% endblock %}

{% block content %}
    <!-- Top Statistics -->
    <div class="stats-summary fade-on-scroll">
        <div class="stat-card">
            <h4>Total Teams</h4>
            <p class="stat-value">{{ stats.total_teams }}</p>
        </div>
        <div class="stat-card">
            <h4>Playoff Teams</h4>
            <p class="stat-value">{{ playoff_teams_count }}</p>
        </div>
        <div class="stat-card">
            <h4>Top Seed</h4>
            <p class="stat-value">{{ stats.highest_team_score }}</p>
            <p class="stat-detail">{{ stats.highest_team }} ({{ stats.highest_team_name }})</p>
        </div>
        <div class="stat-card">
            <h4>Total Players</h4>
            <p class="stat-value">{{ stats.total_players }}</p>
        </div>
    </div>

    <!-- Playoff Bracket -->
    <section class="results-section">
        <h3>Playoff Bracket by Scrabble Score</h3>
        <div class="playoff-container">
            {% for conference, teams in playoff_bracket.items() %}
                <div class="conference-bracket">
                    <h4>{{ conference }} Conference</h4>
                    <div class="playoff-teams">
                        {% for team in teams %}
                            <div class="playoff-team">
                                <div class="team-seed">
                                    {% if team.seed_type == "division" %}
                                        <span class="seed-badge division-seed" title="Division winner">{{ team.division_rank }}</span>
                                    {% elif team.seed_type == "wildcard" %}
                                        <span class="seed-badge wildcard-seed" title="Wild card">WC</span>
                                    {% else %}
                                        <span class="seed-badge">-</span>
                                    {% endif %}
                                    {% if team.status_indicator %}
                                        <span class="status-indicator">{{ team.status_indicator }}</span>
                                    {% endif %}
                                </div>
                                <div class="team-info">
                                    <span class="team-abbrev">{{ team.abbrev }}</span>
                                    <span class="team-score">{{ team.total }}</span>
                                    <span class="team-avg">(avg: {{ team.avg|round(1) }})</span>
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            {% endfor %}
        </div>

        <div class="playoff-legend">
            <h5>Legend:</h5>
            <ul>
                <li><strong>1-3:</strong> Division winners (automatic qualification)</li>
                <li><strong>WC:</strong> Wild card teams (top 2 non-division winners)</li>
                <li><strong>z:</strong> Conference leader</li>
                <li><strong>p:</strong> Presidents' Trophy (best overall record)</li>
                <li><strong>y:</strong> Division leader</li>
                <li><strong>x:</strong> Clinched playoff spot</li>
            </ul>
        </div>
    </section>
{% endblock %}