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

{% block styles %}
<style>
    table, th, td {
        border: 1px solid black;
        border-collapse: collapse;
        text-align: center;
    }
</style>
{% endblock %}


{% block title %}
    Question {{round_number}}
{% endblock %}

{% block content %}

<h6>
    header
</h6>


<h5>
    Instructions:
</h5>
<p>
    instructions here
</p>

<br />
<br />
<table style="width:70%">
    <tr>
        <th rowspan="2">Option 1</th>
        <td style="width:18%">A</td>
        <td style="width:18%">B</td>
        <td style="width:18%">C</td>
        <td style="width:18%">D</td>
    </tr>
    <tr>
        <td>{{option1A}}</td>
        <td>{{option1B}}</td>
        <td>{{option1C}}</td>
        <td>{{option1D}}</td>
    </tr>
</table>

<br />

<table style="width:70%">
    <tr>
        <th rowspan="2">Option 2</th>
        <td style="width:18%">A</td>
        <td style="width:18%">B</td>
        <td style="width:18%">C</td>
        <td style="width:18%">D</td>
    </tr>
    <tr>
        <td>{{option2A}}</td>
        <td>{{option2B}}</td>
        <td>{{option2C}}</td>
        <td>{{option2D}}</td>
    </tr>
</table>

<br />

{% formfield player.lottery_choice %}

<br />
    {% next_button %}

{% endblock %}