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

{% block title %}Gruppendiskussion{% 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>
{% if group.round_number > 1 %}
    <p><b>
        Die Zahlen der letzen Runde:
        {{allg2}}
    </b>
    </p>
    <p><b>
        2/3 des Durchschnitts:
        {{avg2}}
    </b>
    </p>
{% endif %}
Bitte besprechen Sie nun, welche Zahl Sie als Gruppe für Runde {{group.round_number}} abgeben wollen. 
Nach 5 Minuten werden Sie als Gruppe auf die nächste Seite weitergeleitet, um Ihre Zahl abzugeben.
{% chat %}
<div class="chat-instructions">
    {% include Constants.instructions_chat_template %}
</div>
<p> </p>
{% include Constants.instructions_aig_template %}

{% endblock %}
{% block app_styles %}
<style>
    .chat-instructions{
        font-size: 0.8rem;
    }
    .chat-instructions > br{
        margin: 1px 0;
    }
    .debug{
        margin: 5px 10px;
    }
    br {
        display: block;
        margin: 5px 0;
        }
    body {
        font-size: 1rem;
        font-weight: 370;
        line-height: 1.3;
    }
    .otree-timer {
        display: none;
    }
</style>
{% endblock %}
{% block app_scripts %}
<script>
    $(function () {
    $('.otree-timer__time-left').on('update.countdown', function (event) {
        if (event.offset.totalSeconds === 60) {
            $('.otree-timer').show();
        }
        });
    });
</script>
{% endblock %}