{% extends "global/Page.html" %}
{% load staticfiles otree_tags %}

{% block title %}
    {% if player.color == 'red' %}
        First Choice
    {% else %}
        Second Choice
    {% endif %}
{% endblock %}

{% block content %}
    <div class="form-group required">
        <p>
        1.Which of these two lotteries do you prefer?
        </p>
        <table class="table table-bordered text-center" style="width: auto; margin: auto">
            <tr>
                <td colspan="2"><input type="radio" name="Choice_1" value="Option A"><div style="font-size: large"><b>Option A<br></b></div></input></td>
                <td colspan="3"><input type="radio" name="Choice_1" value="Option B"><div style="font-size: large"><b>Option B<br></b></div></input></td>
            </tr>
            <tr>
                <th>Chances</th>
                <td>100%</td>
                <th>Chances</th>
                <td>20%</td>
                <td>80%</td>
            </tr>
            <tr>
                <th>Payoff</th>
                <td>€3000</td>
                <th>Payoff</th>
                <td>€0</td>
                <td>€4000</td>
            </tr>
        </table>
    </div>

{{ form.Choice_1.errors }}
    {% include Constants.instructions_template %}
  {% next_button %}
{% endblock %}