{% extends "global/Page.html" %}
{% load otree static %}
{% block content %}
<br>

<b>I felt that...</b>

<!-- First scale: agreement -->
<table class="table">
<tr>
    <td></td>
    <td style="text-align: center">Strongly disagree</td>
    <td style="text-align: center">Disagree</td>
    <td style="text-align: center">Somewhat disagree</td>
    <td style="text-align: center">Neutral</td>
    <td style="text-align: center">Somewhat agree</td>
    <td style="text-align: center">Agree</td>
    <td style="text-align: center">Strongly agree</td>
</tr>

{% for field in form %}
    {% if forloop.counter <= 5 %}
    <tr>
        <th>{{ field.label }}</th>
        {% for choice in field %}
            <td align="center" valign="middle">{{ choice }}</td>
        {% endfor %}
    </tr>
    {% endif %}
{% endfor %}
</table>

<br>

<!-- Second scale: extent -->
<table class="table">
<tr>
    <td></td>
    <td style="text-align: center">Not at all</td>
    <td style="text-align: center">To a small extent</td>
    <td style="text-align: center">To a somewhat small extent</td>
    <td style="text-align: center">Neutral</td>
    <td style="text-align: center">To a somewhat large extent</td>
    <td style="text-align: center">To a large extent</td>
    <td style="text-align: center">To a very large extent</td>
</tr>

{% for field in form %}
    {% if forloop.counter > 5 %}
    <tr>
        <th>{{ field.label }}</th>
        {% for choice in field %}
            <td align="center" valign="middle">{{ choice }}</td>
        {% endfor %}
    </tr>
    {% endif %}
{% endfor %}
</table>

<br><br>

{% next_button %}

{% endblock %}