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

{% block title %}
    Choice
{% endblock %}

{% block content %}
    <div class="form-group required">
        <p>
        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" value="Option A"><div style="font-size: large"><b>Option A<br></b></div></input></td>
                <td colspan="4"><input type="radio" name="Choice" 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>  50%  </td>
                <td>  50%  </td>
            </tr>
            <tr>
                <th>Payoff </th>
                <td>  €48  </td>
                <th>Payoff </th>
                <td>  €0  </td>
                <td>  €100  </td>
            </tr>
        </table>
    </div>
{{ form.Choice.errors }}
{% include Constants.instructions_template %}
    {% next_button %}
{% endblock %}