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

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

{% block content %}
    <p>Stellen Sie sich vor, an Ihrem Arbeitsplatz würden neue Technologien und neue technische Geräte eingeführt werden. Wie würden Sie auf diese Einführung reagieren? 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 %}