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

{% block title %}
Task {{round}} of {{num_q}}<br>
<h5>Decision Screen (1/2)</h5>
<hr>
{% endblock %}

{% block content %}
{% if player.lottery_amount < 0 %}<p> You have a budget of ${{abs_lv}}. {% endif %}

<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">
                  {% for prob, sum, abssum in player.current_lottery %}
      
                   With probability <b>{{ prob }}% : </b>
                    {% if sum  > 0 %}
                     <b >Get</b>
                   {% elif sum < 0 %}
                     <b >Lose</b>
                  {% elif sum == 0 and player.lottery_amount > 0 %}
                     <b>Get</b>
                  {% elif sum == 0 and player.lottery_amount < 0 %}
                     <b>Lose</b>
                    {% endif %}

		     <b>$ {{ abssum }}</b> <br>

		     {% endfor %}
   </div>
    </td>
  </tr>
</table>


<p>
    Which certain {% if player.lottery_amount > 0 %} payment {% else %} loss {% endif %} is worth as much to you as this lottery?
</p>

<p>
    {% if player.lottery_amount > 0 %} Getting {% else %} Losing {% endif %}
    $<input type="number" min="0" max="{{ abs_lv }}" step="0.01" id="switching_point" name="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 %}