{% extends "global/Page.html" %}
{% load otree static %}

{% block styles %}
<style>
table, th, td {
  border: 1px solid grey;
    text-align: center;
}
table{
    width: 60%;
    alignment: center;
}

td{
width: 15em;
height: 4em;
}
</style>

{% endblock %}


{% block title %}
    <div align="center">
    Results
    </div>
{% endblock %}

{% block content %}
    <div align="center">
    <p>
    下图的决策任务被选中作为给付报酬的依据。您选择了选项{{ chosen_option }}. <br>
    幸运转盘停留在了区域{{ realized_field }}. 因此，您获得了{{ payoff }}银币的报酬。
    </p>
        <table>
        <tr>
        <td>

        </td>
            {% for ff, ft in fields %}
                <td>
               区域 <br>
                {{ ff }}-{{ ft }}
                </td>
            {% endfor %}
    </tr>
    <tr>
        <td>

        <input type="radio" id="A" name="skewed" disabled {{ checked_A }}>
        <label for="A">选项 A </label><br>

        </td>
            {% for o in oo_1 %}
                <td>
                {{ o }}
                </td>
            {% endfor %}
    </tr>
        <tr>
        <td>

        <input type="radio" id="B" name="skewed" disabled {{ checked_B }}>
        <label for="B">选项 B </label><br>

        </td>
            {% for o in oo_2 %}
                <td>
                {{ o }}
                </td>
            {% endfor %}
    </tr>


    </table>
<br>


<h3  align="center" >

<button class="nexttab btn-primary btn next">下一步</button>

 </h3>

    </div>
{% endblock %}