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

{% block title %}
Task {{round}} of {{num_questions}} <hr>
{% endblock %}

{% block content %}

<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>{{player.lottery_probability}}% : </b>
                    
                     <b style="color: green">Get</b>
                   
                     <b>$ {{ player.lottery_amount }}</b> <br>
		      With probability <b>{{player.lottery_loss_prob}}% : </b>
                    
                     <b>Get</b>
                   
                  <b>$ 0</b> <br>
   
    </td>
  </tr>
</table>


<p>
    How much is the lottery above  worth to you?
</p>
 
<p>
    A {{ player.lottery_probability }}% chance of winning ${{ player.lottery_amount }} is worth as much to me as getting $
    <input type="number" min="1" max="{{ player.lottery_amount }}" step="1" id="switching_point" name="switching_point" style="width: 50px" required> for sure.
</p>


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

{% endblock %}