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

{% block title %}

{% endblock %}

{% block content %}

    <p>
        Here are a number of personality traits that may or may not apply to you. Please select the option that
        indicates the extent to which you agree or disagree with each statement. You should rate the extent to which
        the pair of traits applies to you, even if one characteristic applies more strongly than the other.<br><br>
        <b>I see myself as:</b>
    </p>

    <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 %}