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

{% block title %}
Question {{round_risk}} <hr>
{% endblock %}

{% block content %}


<p>
    {% if round_risk == 1 %} In the following decisions, you will choose between <b>payments that you receive with different probabilities</b>. {% endif %}</p>


    <p>For the purpose of this choice, we define a so-called
    {% if player.specification.0 in 'treat,base' %}
        <b>"probability Y"</b> of receiving money, which is <b>{{player.specification.5}}%</b>.<br>
            The probabilities of receiving a payment will be described relative to probability Y.
        {% elif player.specification.0 in 'treat2,base2' %}
        <b>"variable Z"</b>, which has a value of <b>{{player.specification.5}}</b>.<br>
        The probabilities of receiving a payment will be described using variable Z.
        {% endif %}</p>
<p>Please pick the option that you prefer:</p>

    <table class="table table-bordered" style="border-spacing: 0">
        <colgroup>
            <col width="25">
            <col width="30%">
            <col width="10%">
            <col width="30%">
        </colgroup>
        <tr>
            <td></td>
            <td align="center">Option A</td>
            <td></td>
            <td align="center">Option B</td>
        </tr>

        <tr>
<td style="text-align: right">Payment:<br>
Probability of receiving payment: </td>
            <td style="text-align: center">
<b>${{player.specification.1}}</b> <br> <b>{{player.specification.2}}</b>
               </td>
            <td  align="center" style="vertical-align: middle; padding-top: 20px; padding-bottom: 20px">
                    <input type="radio" name="choice_risk" value="A"
                           required >&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                    <input type="radio" name="choice_risk"
                           value="B"
                           required >
                </td>
           <td style="text-align: center">
               <b>${{player.specification.3}}</b><br> <b>{{player.specification.4}}</b>

           </td>
        </tr>

    </table>

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