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

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

{% block content %}
<table class="table table-bordered" style="margin: auto; border-spacing: 0; text-align: center;width: 500px;"><tr><td>
  <br>
    {% for sublottery in player.current_lottery %}
        <b>{%  sublottery.probability %}</b> out of 100 balls are  <b style="color: {{ sublottery.color }}">{{ sublottery.color }}</b>. If one is drawn: Get <b>${%  sublottery.amount %}</b>.<br><br>
  {%  endfor %}
</td></tr></table><br>

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

<p>
    Getting $<input type="number" min="0" max="{% player.lottery_amount %}" 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 %}