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

{% block title %}
    But there is a twist!
{% endblock %}

{% block content %}
 <p>The <b>Sender's decision</b> is only implemented with <b> 60% probability. </b> With the <b> remaining 40% probability, the computer will implement the other option.</b></p>

 <p>Therefore, if the Sender chooses Option A, it could still be that Option B is implemented.</p>

<p>After you have played this game, you will receive instructions for the next stage.</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>
    {% 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 %}