{% extends "base.html" %}

{% block title %}NHL Scrabble Analyzer - Division Standings{% 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>Top Team</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>Lowest Team</h4>
            <p class="stat-value">{{ stats.lowest_team }}</p>
            <p class="stat-detail">{{ stats.lowest_team_name }}</p>
        </div>
        <div class="stat-card">
            <h4>Total Players</h4>
            <p class="stat-value">{{ stats.total_players }}</p>
        </div>
    </div>

    <!-- Division Standings -->
    <section class="results-section">
        <h3>Division Standings by Total Scrabble Score</h3>
        <div class="division-grid">
            {% for division, teams in division_standings.items() %}
                <div class="division-card">
                    <h4>{{ division }}</h4>
                    <ol>
                        {% for team in teams %}
                            <li>{{ team.name }} ({{ team.total_score }})</li>
                        {% endfor %}
                    </ol>
                </div>
            {% endfor %}
        </div>
    </section>
{% endblock %}