{% 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">
   报酬结果
    </div>
{% endblock %}

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

        </td>
            {% for ff, ft, p in fields %}
                <td align="center">
               区域 <br>
                {{ ff }}-{{ ft }} ({{ p }}%)
                </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" >


 </h3>
    </div>
{% endblock %}