{% extends "base.html" %}

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

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