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

{% block title %}
    Fragen
{% endblock %}

{% block content %}
    <p>Hier sind unterschiedliche Eigenschaften, die eine Person haben kann. Wahrscheinlich werden einige Eigenschaften auf Sie persönlich voll zutreffen und andere überhaupt nicht. Bei wieder anderen sind Sie vielleicht unentschieden.</p>
    <p>Antworten Sie bitte anhand der folgenden Skala. Der Wert 1 bedeutet: trifft überhaupt nicht zu. Der Wert 7 bedeutet: trifft voll zu. Mit den Werten zwischen 1 und 7 können Sie Ihre Meinung abstufen.</p>
    <table class = "likert">
        <tr class = "likert">
            <th class = "likert label"> </th>
            <th class = "likert data">1</th>
            <th class = "likert data">2</th>
            <th class = "likert data">3</th>
            <th class = "likert data">4</th>
            <th class = "likert data">5</th>
            <th class = "likert data">6</th>
            <th class = "likert data">7</th>
        </tr>
        {% for field in form %}
            <tr class = "likert">
                <td class = "likert label">{{ field.label }}</td>
                {% for choice in field %}
                    <td class = "likert data">{{ choice }}</td>
                {% endfor %}
            </tr>
        {% endfor %}
    </table><br>
   <center><small>1 bedeutet „trifft überhaupt nicht zu“, 7 bedeutet „trifft voll zu“</small></center>
{% next_button %}

{% endblock %}

{% block styles %}
    <style>
        .form-check-input{
            position: relative;
            margin: 0;
        }
    </style>
{% endblock %}