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

{% block content %}
<div>
    <b>
        Bitte geben Sie an, inwieweit Sie den folgenden Aussagen zustimmen.
    </b>
</div>
<div>
    <b>
        Für mich sind Nachrichtenwebseiten …
    </b>
</div>
<table class="scale-7 desktop">
    <tr>
        <td>…&nbsp;unbedeutend.</td>
        {% for choice in form.Invol_1 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>…&nbsp;bedeutend.</td>
    </tr>
    <tr>
        <td>…&nbsp;unwichtig.</td>
        {% for choice in form.Invol_2 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>…&nbsp;wichtig.</td>
    </tr>
    <tr>
        <td>…&nbsp;nutzlos.</td>
        {% for choice in form.Invol_3 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>…&nbsp;nützlich.</td>
    </tr>
    <tr>
        <td>…&nbsp;langweilig.</td>
        {% for choice in form.Invol_4 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>…&nbsp;interessant.</td>
    </tr>
    <tr>
        <td>…&nbsp;nicht notwendig.</td>
        {% for choice in form.Invol_5 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>…&nbsp;notwendig.</td>
    </tr>
    <tr>
        <td>…&nbsp;nicht wesentlich.</td>
        {% for choice in form.Invol_6 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>…&nbsp;wesentlich.</td>
    </tr>
</table>

<div class="custom-radio-select mobile-small"> 
    …&nbsp;unbedeutend.
    {% for choice in form.Invol_1 %}
        <p>{{ choice }}</p>
    {% endfor %}
    …&nbsp;bedeutend.
</div>
<div class="custom-radio-select mobile-small"> 
    …&nbsp;unwichtig.
    {% for choice in form.Invol_2 %}
        <p>{{ choice }}</p>
    {% endfor %}
    …&nbsp;wichtig.
</div>
<div class="custom-radio-select mobile-small"> 
    …&nbsp;nutzlos.
    {% for choice in form.Invol_3 %}
        <p>{{ choice }}</p>
    {% endfor %}
    …&nbsp;nützlich.
</div>
<div class="custom-radio-select mobile-small"> 
    …&nbsp;langweilig.
    {% for choice in form.Invol_4 %}
        <p>{{ choice }}</p>
    {% endfor %}
    …&nbsp;interessant.
</div>
<div class="custom-radio-select mobile-small"> 
    …&nbsp;nicht notwendig.
    {% for choice in form.Invol_5 %}
        <p>{{ choice }}</p>
    {% endfor %}
    …&nbsp;notwendig.
</div>
<div class="custom-radio-select mobile-small"> 
    …&nbsp;nicht wesentlich.
    {% for choice in form.Invol_6 %}
        <p>{{ choice }}</p>
    {% endfor %}
    …&nbsp;wesentlich.
</div>

<div class="custom-radio-select"> 
    <div><b>Haben Sie aktuell ein oder mehrere Zeitungsabonnement(s)?</b></div>
{% for choice in form.Subscription %}
    <p>{{ choice }}</p>
{% endfor %}
</div>

<button class="otree-btn-next btn btn-primary div-margin-top">Weiter</button>
{% endblock %}