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

{% block title %}Ergebnisse{% endblock %}

{% block content %}
<div class="debug" style="position: absolute; top: 0; right: 0; width: 100px; text-align:right;">
    Debug-ID:<br>
    {{player.vp_helpCode}}
</div>
<p>Hier die von den Gruppen abgegebenen Zahlen:<br>
    <b>{{ sorted_guesses }}</b>
</p>
<p>
    <b>2/3</b> des Durchschnittes: <b><u>{{ subsession.two_thirds_avg }}</u></b><br>
    <b>Gewinnerzahl: <u>{{ subsession.best_guess }}</u></b><br>
    <b>Die Zahl ihrer Gruppe: <u>{{ group.group_guess }}</u></b><br>
</p>
<p>
    {% if group.is_winner %}
        {% if subsession.num_winners > 1 %}
                Dementsprechend ist Ihre Gruppe <b>eine von {{ subsession.num_winners }} Gewinnern.</b><br>
                Der Gewinn Ihrer Gruppe beträgt: {{ group.payoff}}. Ihr persönlicher Gewinn beträgt: {{player.p_payoff}}                </p>
        {% else %}
                Dementsprechend <b>gewinnt Ihre Gruppe.</b><br>
                Der Gewinn Ihrer Gruppe beträgt: {{ group.payoff}}. Ihr persönlicher Gewinn beträgt: {{player.p_payoff}}              </p>
        {% endif %}
    {% else %}
        Dementsprechend <b>gewinnt Ihre Gruppe nicht.</b>
    {% endif %}
</p>
<button class="otree-btn-next btn btn-primary next-button otree-next-button">Weiter</button>
<p>

</p>

{% endblock %}
{% block app_styles %}
<style>
    .debug{
        margin: 5px 10px;
    }
    br {
        display: block;
        margin: 5px 0;
        }
    body {
        font-size: 1rem;
        font-weight: 370;
        line-height: 1.3;
    }
    .form-control{
        width: 5%
    }
</style>
{% endblock %}