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

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

{% block content %}
<p>In the following rounds, the exact payoff probability of a lottery will not be shown to you. The actual payoff probability will be randomly selected from the range of values given.<p>

  <h2>Example</h2>

  <table class="table table-bordered" align="center" style="border-spacing: 0; width: 50%;">
  <tr>
     <td style="vertical-align: middle; text-align: left" >
        <p>There is <b>a number X, randomly selected from the</b> <b style="color:red">range of 10 to 20</b>.</p>

                   With probability <b>X% : </b>
                     <b>Get</b>
                     <b>$22</b> <br><br>

		      With probability <b>100 - X% : </b>
                    
                     <b>Get</b>
                  <b>$0</b> <br><br>


         </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="22" step="0.01" id="switching_point" style="width: 50px" required> with certainty is worth as much to me as this lottery.
</p>

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