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

{% block title %}
   Information:
<hr>
{% endblock %}

{% block content %}
<!--
<h4>Time limit for Decision Screen 1</h4>
    <p>In the following rounds, you will have <text style="color: red">only <b>20 seconds</b> to enter your answer</text>. <b>Important: please always make sure that you make your decision within the time limit of 20 seconds</b>. If you time out on any round you will <b>no longer be eligible to receive a bonus payment.</b></p>

<p>You will have as much time to enter your certainty about your answer as you like.</p> -->

{% if player.is_load %}
<h4>Additional task on Decision Screen 1</h4>
<p>In the following rounds there will be an additional task with which you can earn a bonus. While you type in your choices, red numbers will appear and quickly disappear on the screen. Counting from 0, your task is to <b>add up each number that appears</b> until you make your decision and click “Next”.</p>

<p>If you sum the numbers <b>correctly</b> on the round selected for your bonus payment you will receive an <b>additional $2 on top of your bonus</b>.<p>

<p>
  <b>Note:</b> To make it easier for you to spot the number, it is shown on the left and right as in the example below. <b>You only have to add this number once!</b> In the example below, you would have to add 6 <b>once</b> to the sum of all previously shown numbers.

  <div style="text-align: center">
        <img src="{% static "beliefs_treatment/Flashing.png" %}" width=80% >
</div>
</p>

{% elif player.is_complex %}

<p><b>In the following rounds the information (i) on the number of Bag A and Bag B cards in the deck and (ii) on the number of red and blue balls in bags A and B will be expressed as mathematical expressions.</b> The scenarios will still be played out by the computer in exactly the way we described. An example is:</p>

<div style="text-align: center">
        <img src="{% static "beliefs_treatment/Complex.png" %}" width=80% >
</div>

{% endif %}

<br>

 <div style="text-align: right;">
    {% next_button %}
</div>
{%  endblock %}