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

{% block title %}

{% endblock %}

{% block content %}

<p>You are assigned the role of the <b>{{player.role}}</b>.</p>

{% if player.role == 'Sender' %}
<p>On the next screen you will decide how the earnings will be allocated between you and the Receiver.</p>
{% endif %}

{% if player.role == 'Receiver' %}
<p>Click "next" to continue.</p>
{% endif %}
<br>
    {% next_button %}



<style>
    .otree-timer {
        display: none;
    }
</style>

<script>
    $(function () {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 10) {
                $('.otree-timer').show();
            }
        });
    });
</script>

{% endblock %}