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

{% block title %}
Part 1: Instructions (2/3) <hr>
{% endblock %}

{% block content %}

<h4>Example</h4>

<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>35% : </b>
                     <b>Get</b>
		     <b>$ 18</b> <br>
		     With probability <b>65% : </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>
<br>
<br>
<br>
<!--
<h4>Example 2</h4>

You have a budget of $18.

<table class="table table-bordered" align="center" style="border-spacing: 0; width: 50%;">
  <tr>
    <td style="vertical-align: middle; text-align: center" >
                 
      
                   With probability <b>5% : </b>
                    
                     <b style="color: red;">Lose</b>

		     <b>$ 18</b> <br>

		     With probability <b>95% : </b>
                    
                     <b>Lose</b>

		     <b>$0</b> <br>

   
    </td>
  </tr>
</table>


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

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


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

{% endblock %}