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

{% block title %}
    Decision {{round    }} of {{num_questions}} <hr>
{% endblock %}

{% block content %}

    <br>
    <table class="table table-bordered" style="border-spacing: 0">
        <colgroup>
            <col width="40%">
            <col width="15%">
            <col width="40%">
        </colgroup>
        <tr>
            <td align="center"><b>Option A</b></td>
            <td></td>
            <td align="center"><b>Option B</b></td>
        </tr>

        <tr>
                <td style="vertical-align: middle; padding-top: 20px; padding-bottom: 20px" align="center">

         {% for prob, sum in player.current_option_a %}
                   With probability <b>{{ prob }}% : </b>
                    {% if sum  > 0 %}
                     <b style="color: green">&nbsp;&nbsp;Get</b>&nbsp;
                   {% elif sum < 0 %}
                     <b style="color: red;">&nbsp;&nbsp;Lose</b>&nbsp;
                       {% elif sum == 0 %}
                     <b>&nbsp;&nbsp;Get</b>&nbsp;

                    {% endif %}
                  <b>$ {{ sum | abs }}</b> <br><br>
    {% endfor %}

                    <td  align="center" style="vertical-align: middle; padding-top: 20px; padding-bottom: 20px">
                    <input type="radio" name="choice" value="A"
                           required >&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                    <input type="radio" name="choice"
                           value="B"
                           required >
                </td>
                <td align="center" style="vertical-align: middle; padding-top: 20px; padding-bottom: 20px">

                         {% for prob, sum in player.current_option_b %}
                   With probability <b>{{ prob }}% : </b>
                    {% if sum  > 0 %}
                     <b style="color: green">&nbsp;&nbsp;Get</b>&nbsp;
                   {% elif sum < 0 %}
                     <b style="color: red;">&nbsp;&nbsp;Lose</b>&nbsp;
                            {% elif sum == 0 %}
                     <b>&nbsp;&nbsp;Get</b>&nbsp;
                    {% endif %}
                  <b>$ {{ sum | abs }}</b> <br><br>
    {% endfor %}

              </td>   </tr>

    </table>


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