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

{% block title %}
    Please indicate the extent to which you agree or disagree with the following statements.
{% endblock %}

{% block content %}

    <table class="table">
        <colgroup>
            <col style="width:40%">
            <col style="width:12%">
            <col style="width:12%">
            <col style="width:12%">
            <col style="width:12%">
            <col style="width:12%">
        </colgroup>
        <style type="text/css">
        .txtVertical
        {
            position: relative;
            left: 13px;
        }
        </style>
        <thead>
            <tr align = "center">
                <th></th>
                <th>Strongly disagree</th>
                <th>Disagree</th>
                <th>Somewhat disagree</th>
                <th>Neither agree nor disagree</th>
                <th>Somewhat agree</th>
                <th>Agree</th>
                <th>Strongly agree</th>
            </tr>
        </thead>
        <tbody>
        {% for field in form %}
            <tr>
                <th>{{ field.label }}</th>
                {% for choice in field %}
                <td class="txtVertical"><center>{{ choice }}</center></td>
                {% endfor %}
            </tr>
        {% endfor %}
        </tbody>
    </table>

    {% next_button %}

{% endblock %}