{% extends "base.html" %}
{% block title %}Ranking — Mundial 2026{% endblock %}
{% block content %}
<h1>Ranking</h1>
<table class="ranking-table">
    <thead>
        <tr>
            <th>#</th>
            <th>Jugador</th>
            <th>Puntos</th>
            <th>Predicciones</th>
        </tr>
    </thead>
    <tbody>
    {% for i, row in ranking | enumerate %}
        <tr {% if row.nombre == user.nombre %}class="fila-propia"{% endif %}>
            <td class="pos">
                {% if i == 0 %}🥇
                {% elif i == 1 %}🥈
                {% elif i == 2 %}🥉
                {% else %}{{ i + 1 }}{% endif %}
            </td>
            <td>{{ row.nombre }}</td>
            <td class="puntos">{{ row.puntos }}</td>
            <td>{{ row.predicciones }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
{% endblock %}