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

{% block title %}
    Before we continue, please answer the two comprehension questions
{% endblock %}

{% block content %}

<style>

  .form-control-errors{
   color: red;
   font-size: 1.2em;
   }

.otree-form-errors {
  display: none;
}

</style>

If a Sender chooses Option B (Sender ${{Constants.optionB_pay}}.00, Receiver ${{Constants.optionB_pay}}.00), with what probability will the Receiver get ${{Constants.optionB_pay}}.00?
{% formfield player.control_question1 label=''%}

If a Sender chooses Option A (Sender ${{Constants.optionA_Spay}}.00, Receiver ${{Constants.optionA_Rpay}}.00), with what probability will the Receiver get ${{Constants.optionB_pay}}.00?
{% formfield player.control_question2 label='' %}
<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 %}