{% extends "base.html" %}

{% block title %}{% trans %}NHL Scrabble Analyzer - Division Standings{% endtrans %}{% endblock %}

{% block content %}
    <!-- Top Statistics -->
    <div class="stats-summary fade-on-scroll">
        <div class="stat-card">
            <h4>{% trans %}Total Teams{% endtrans %}</h4>
            <p class="stat-value">{{ stats.total_teams }}</p>
        </div>
        <div class="stat-card">
            <h4>{% trans %}Top Team{% endtrans %}</h4>
            <p class="stat-value">{{ stats.highest_team_score }}</p>
            <p class="stat-detail">{{ stats.highest_team_name | auto_link(entity_data) | safe }}</p>
        </div>
        <div class="stat-card">
            <h4>{% trans %}Lowest Team{% endtrans %}</h4>
            <p class="stat-value">{{ stats.lowest_team_score }}</p>
            <p class="stat-detail">{{ stats.lowest_team_name | auto_link(entity_data) | safe }}</p>
        </div>
        <div class="stat-card">
            <h4>{% trans %}Total Players{% endtrans %}</h4>
            <p class="stat-value">{{ stats.total_players }}</p>
        </div>
    </div>

    <!-- Division Standings -->
    <section class="results-section">
        <h3>{% trans %}Division Standings by Total Scrabble Score{% endtrans %}</h3>
        <div class="division-grid">
            {% for division, teams in division_standings.items() %}
                <div class="division-card">
                    <h4>
                        <a href="/divisions/{{ division }}?lang={{ locale }}" class="division-link">
                            {{ division }}
                        </a>
                    </h4>
                    <ol>
                        {% for team in teams %}
                            <li>{{ (team.name ~ " (" ~ team.total_score ~ ")") | auto_link(entity_data) | safe }}</li>
                        {% endfor %}
                    </ol>
                </div>
            {% endfor %}
        </div>
    </section>
{% endblock %}