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

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

{% block content %}

<!--

<p>In the following rounds, there will be a time limit. You will have only 25 seconds to enter your valuation. This time limit is chosen very generously since in the last few rounds that you completed most people don't take this long for a decision in any case. <b>Therefore, there is generally no need for you to rush.</b>  Please just make sure that you make your decision within the time limit of 25 seconds.</p>

-->

{% if treat == 1 %}

{% if player.is_load %}

<p style="font-size:16px;"> In the next few rounds, there will be an additional complication. 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 style="font-size:16px;">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 5 to the sum of all previously shown numbers.
</p>

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

{% else %}

<p>In the next few rounds, there will be an additional complication. <b>In the following lotteries some of the amounts and/or probabilities may be expressed as mathematical expressions.</b> The lotteries will still be played out by the computer in exactly the way we describe.

<h2>Example</h2>

<table class="table table-bordered" align="center" style="border-spacing: 0; width: 50%;">
  <tr>
    <td style="vertical-align: middle; text-align: center" >
                 <div style="display: inline-block; text-align:left">
      
                   With probability <b>(6 x 9) / 3 - 7% : </b>
                     <b>Get</b>
		     <b>$ 18</b> <br>
		     With probability <b>100 - ((6 x 9)/ 3 - 7)% : </b>
                     <b>Get</b>
		     <b>$0</b> <br>
</div>
   
    </td>
  </tr>
</table>


<p>
    Which certain  payment is worth as much to you as this lottery?
</p>

<p>
     Getting
    $<input type="number" min="0" max="18" step="0.01" id="switching_point" name="test" style="width: 50px"> with certainty is worth as much to me as this lottery.
</p>

{% endif %}

{% endif %}


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

{% endblock %}