{% extends "global/Page.html" %}
{% load otree static %}
{% load otree  i18n %}

{% block styles %}

    <style type="text/css">
        .centered {
            text-align: center;
        }

        .controls {
            float: right;
        }

        .cont {
            width: 50%;
        }

        table {
            width: 60%;
        }

        td, th {
            border: 1px solid black;
        }

        .table_style {
            text-align: center;
            margin: 1vw auto;
        }

    </style>
{% endblock %}

{% block title %}
    {% trans 'Results Round' %} {{ round }}
{% endblock %}

{% block content %}
    <h5 class="centered">
        {% trans 'Your student type: Student' %} {{ type }}
    </h5>
    <br>
    <p>
        <b>
            {% blocktrans %}
                You submitted the following preference list:
            {% endblocktrans %}
        </b>
    </p>

    <p class="cont">
        {% for index, preference in preferences.items %}
            {{ index }} {% trans 'choice' %}: <span class="controls">{% trans 'School' %} {{ preference }}</span>
            <br>
        {% endfor %}
    </p>

    <p>
        {% blocktrans with assigned=assigned %}
            You have been assigned to school {{ assigned }}. This is the current allocation:
        {% endblocktrans %}
    </p>
    <table class="table_style">
        <tr>
            <th></th>
            <th>{% trans 'School' %}</th>
            <th>{% trans 'Points' %}</th>
        </tr>
        {% for school, points in school_points_allocation %}
            <tr>
                {% if forloop.counter == type %}
                    <td><b>{% trans 'Student' %} {{ forloop.counter }}</b></td>
                    <td><b>{% trans 'School' %} {{ school }}</b></td>
                    <td><b>{{ points }}</b></td>
                {% else %}
                    <td>{% trans 'Student' %} {{ forloop.counter }}</td>
                    <td>{% trans 'School' %} {{ school }}</td>
                    <td>{{ points }}</td>
                {% endif %}
            </tr>
        {% endfor %}
    </table>
    <p>
        {% blocktrans with payoff=payoff %}
            You have earned {{ payoff }}.
        {% endblocktrans %}
    </p>

    {% next_button %}

{% endblock %}