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


{% block content %}
    {% include Constants.instructions_template %}
    <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>25%</td>
                <td>75%</td>
            </tr>
            <tr>
                <th>Payoff</th>
                <td>€2.40</td>
                <th>Payoff</th>
                <td>€10.00</td>
                <td>€0</td>
            </tr>
        </table>
    </div>
        <div class="form-group required">
        <p>
        2.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_2" value="Option C"><div style="font-size: large"><b>Option C<br></b></div></input></td>
                <td colspan="3"><input type="radio" name="Choice_2" value="Option D"><div style="font-size: large"><b>Option D<br></b></div></input></td>
            </tr>
            <tr>
                <th>Chances</th>
                <td>100%</td>
                <th>Chances</th>
                <td>25%</td>
                <td>75%</td>
            </tr>
            <tr>
                <th>Payoff</th>
                <td>€-7.50</td>
                <th>Payoff</th>
                <td>€0.00</td>
                <td>€-10.00</td>
            </tr>
        </table>
    </div>

{{ form.Choice_1.errors }}
  {% next_button %}
{% endblock %}