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

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

.td1{
      border: 1px solid grey;
    text-align: center;
}

.td2{
      border: none;
    text-align: center;
}

td{
width: 15em;
height: 4em;

}




</style>

{% endblock %}




{% block title %}
    <div align="center">
        {% if feedback == 0 %}
        Round {{ blockround}}/{{ total_block }}: Stage 2

        {% else %}
        {% if  player.round_number != C.NUM_ROUNDS %}
        Practice Round {{ blockround}}/{{ total_block }}: Stage 2
        {% else %}
        Final Choice
        {% endif %}

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

{% block content %}




<div align="center">
<p>
    Please choose between the options below.
</p>
</div>

<div align="center">

    <table style="margin-top: -5px;border: none; width:{{table_width}}%">
    <!-- Header Row -->
        <col style="width: 19%;">
    <col style="width: 27%;">
    <col style="width: 27%;">
    <tr>
        <td class="td2"></td>
        <td class="td2">
            <label style="display:inline-block; margin-right: 20px;">
    <input type="radio" name="choice" value="{{ a_value }}" {{disabled_b}}>
    Option {{option_1}}
  </label> </td>
        <td class="td2">
          <label style="display:inline-block;">
    <input type="radio" name="choice" value="{{ b_value }}" {{disabled_b}} >
    Option {{option_2}}
  </label>
    </tr>
    </table>
    {% if display_left == 1 %}
     {{ include_sibling 'Menu_1.html' }}
    {% else %}
     {{ include_sibling 'Menu_2.html' }}
    {% endif %}

</div>

<div  align="center">
{{ next_button}}
</div>

{% endblock %}