{% extends "base_generic.html" %}

{% block content %}
<h2 class="tibia-headline">Highscore</h2>

{% if best_players %}
    <table style="width:50%">
    <tr>
        <th style="text-align: center;">Name</th>
        <th style="text-align: center;">Level</th>
    </tr>
        {% for player in best_players %}
            <tr>
                <td>{{ player.name }}</td>
                <td style="text-align: right; width: 10%">{{ player.level }}</td>
            </tr>
    {% endfor %}
    </table>
{% else %}
    <p>No players registered.</p>
{% endif %}

<img src="../static/screenshots/gratis-premium.png" alt="Gratis Premium" class="img-fluid">
    <br>
<p style="text-align: center">
    <a href="{% url 'accounts:register' %}">Register now!</a>
    </p>
    <br>
<img src="../static/screenshots/looten.png" alt="Looten & Leveln" class="img-fluid">
<br>
    <p style="text-align: center">
    <a href="{% url 'accounts:register' %}">Register now!</a>
    </p>
    <img src="../static/screenshots/presents.png" alt="Presents"class="img-fluid" >
    <br>
<p style="text-align: center">
    <a href="{% url 'accounts:register' %}">Register now!</a>
    </p>


{% endblock %}