{% 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" style="margin: auto; border-spacing: 0; text-align: center;width: 50%;"><tr><td>
        <br>
        {% for c in player.colors_first %}
            <b>{%  if c == 'red' %}55{%  elif player.choices_first == 2 %}45{%  else %}5{%  endif %}</b> out of 100 balls are  <b style="color: {{ c }}">{{ c }}</b>.
            If one is drawn: Get <b>${%  if c == 'red' %}18{%  else %}0{%  endif %}</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="18" step="0.01" id="switching_point" name="test" style="width: 50px" required> with certainty is worth as much to me as this lottery.
</p>
<br>
<br>
<br>

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

{% endblock %}