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

{% block styles %}
<link rel="stylesheet" href="{% static 'apps/EQ/css/AppStyles.css' %}">
{% endblock %}

{% block title %}
EQ
{% endblock %}

{% block content %}
<div id="content-box">
    <table>
        <thead>
        <tr>
            <th colspan="2"></th>
            <th>strongly agree</th>
            <th class="css-align-right">strongly disagree</th>
        </tr>
        </thead>
        {% for field in form %}
        <tr>
            <td style="width: 8%;" class="css-align-center">({{ forloop.counter }})</td>
            <td style="width: 55%;">{{ field.label }}</td>
            <td style="width: 37%;" class="css-align-center" colspan="2">{{ field }}</td>
        </tr>
        {% endfor %}
        <tfoot>
        <tr>
            <th colspan="2"></th>
            <th>strongly agree</th>
            <th class="css-align-right">strongly disagree</th>
        </tr>
        </tfoot>
    </table>
</div>
<div id="button-box">{% next_button %}</div>
{% endblock %}