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

{% block styles %}

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

        table {
            width: 30%;
        }

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

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

    </style>
{% endblock %}

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

{% block content %}
    <h5 class="centered">
        <b>
            {% trans 'Your student type: Type' %} {{ type }}
        </b>
    </h5>

    <br>

    <p>
        {% blocktrans %}
            Two rounds have been drawn at random from the ones you played.
            In the following table, you can find your earnings.
        {% endblocktrans %}
    </p>

    <table class="table_style">
        <tr>
            <th>{% trans 'Round' %} {{ round1 }}</th>
            <th>{{ payoff1 }}</th>
        </tr>
        <tr>
            <th>{% trans 'Round' %} {{ round2 }}</th>
            <th>{{ payoff2 }}</th>
        </tr>
        <tr>
            <th>{% trans 'Total Payoff' %}</th>
            <th>{{ sum }}</th>
        </tr>
    </table>

    <p>
        {% blocktrans with payoff_euros=payoff_euros participant_fee=participant_fee total_euros=total_euros%}
            You earned <b>{{ payoff_euros }}</b> plus the participation fee of <b>{{ participant_fee }}</b>.
            In total, you will receive an amount of <b>{{ total_euros }}</b>.
        {% endblocktrans %}
    </p>

    <p>
        {% blocktrans %}
            <b>The study has now been completed. Thank you for your participation!<b>
        {% endblocktrans %}
    </p>

{% endblock %}