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

{% block title %}
    Stage 2: Instructions
{% endblock %}

{% block content %}
 <p>The second stage consists of a choice of how the earnings from Stage 1 are to be divided between you and your partner.</p>

<p>One of you will be randomly assigned to the role of <b>Sender</b>. The other participant will be assigned to the role of the <b> Receiver</b>.</p>

<p>The <b>Sender</b> gets to choose one of the two allocation options shown below.</p>

<p style="margin-left: 40px"> <b>Option A:</b> Sender gets ${{Constants.optionA_Spay}}.00, Receiver gets ${{Constants.optionA_Rpay}}.00.<br>
<b>Option B:</b> Sender gets ${{Constants.optionB_pay}}.00, Receiver gets ${{Constants.optionB_pay}}.00.</p>
<br>
<p>  </p>
<p>The <b>Receiver</b> has no influence over how the earnings are divided.</p>

<p>Both the Sender and the Receiver will observe their earnings from this stage before proceeding to Stage 3.</p>
<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 %}