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

{% block title %}
    Please indicate the extent to which you agree or disagree with the following statements. There are no right or
    wrong answers. We are interested in your ideas.
{% 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>Disagree strongly</th>
                <th>Disagree a little</th>
                <th>Neutral; no opinion</th>
                <th>Agree a little</th>
                <th>Agree strongly</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 %}