{{ extends 'global/Page.html' }}

{{ block styles }}
    <style>
        body{
            background-image: url('https://imgur.com/g0guS4H.png');
        }
    </style>
{{ endblock }}

{{ block title }} <img src="https://imgur.com/NalYsv7.png"> {{ endblock }}

{{ block content }}

<center><b>
<p>Place 1: {{ranking_id.0 }}  with {{ranking_points.0 }} points.
</p>
<p>Place 2: {{ranking_id.1 }}   with {{ranking_points.1 }} points.
</p>

{{ if players_per_group > 2 }}
<p>Place 3: {{ranking_id.2 }}   with {{ranking_points.2 }} points.
</p>

{{ endif }}

{{ if players_per_group > 3 }}
<p>Place 4: {{ranking_id.3 }}   with {{ranking_points.3 }} points.
</p>

{{ endif }}

{{ if players_per_group > 4 }}
<p>Place 5: {{ranking_id.4 }}   with {{ranking_points.4 }} points.
</p>

{{ endif }}

{{ if players_per_group > 5 }}
<p>Place 6: {{ranking_id.5 }}   with {{ranking_points.5}} points.
</p>

{{ endif }}

<p> This is the final ranking. Game Over.
</p>

{{ formfields }}

{{ next_button }}
</b></center>
{{ endblock }}