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

{% block content %}
{% load softhyphen_tags %}

<div class="div-margin-bottom">
    <b>
        Basierend auf Ihrer Erfahrung mit dem kostenlosen Angebot an Nachrichtenartikeln, wie hat die Angebotsbeschränkung auf Sie gewirkt? 
    </b>
</div>
    <table class="likert-table desktop-likert">
        <tr class="top-row">
            <td>Die Angebotsbeschränkung…</td>
            <td class="td-center">stimme überhaupt nicht zu</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td class="td-center">stimme voll und ganz zu</td>
        </tr>
        <tr>
            <td>{{ form.Ang_1.label }}</td>
            {% for choice in form.Ang_1 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Ang_2.label }}</td>
            {% for choice in form.Ang_2 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Ang_3.label }}</td>
            {% for choice in form.Ang_3 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Cog_1.label }}</td>
            {% for choice in form.Cog_1 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Cog_2.label }}</td>
            {% for choice in form.Cog_2 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Cog_3.label }}</td>
            {% for choice in form.Cog_3 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
    </table>

    <table class="likert-table mobile-likert">
        <tr class="top-row"> 
            <td>Die Angebots&shy;beschränkung…</td>
            <td colspan="2">stimme überhaupt nicht zu</td>
            <td></td>
            <td></td>
            <td></td>
            <td colspan="2" style="text-align:right;">stimme voll und ganz zu</td>
        </tr>

        <tr>
            <td>{{ form.Ang_1.label }}</td>
            {% for choice in form.Ang_1 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Ang_2.label }}</td>
            {% for choice in form.Ang_2 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Ang_3.label }}</td>
            {% for choice in form.Ang_3 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Cog_1.label }}</td>
            {% for choice in form.Cog_1 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Cog_2.label }}</td>
            {% for choice in form.Cog_2 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Cog_3.label }}</td>
            {% for choice in form.Cog_3 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
</table>

<div class="custom-radio-select mobile-small"> 
    <div>
        <b>
            Die Angebotsbeschränkung…
        </b>
    </div>
    {{ form.Ang_1.label }} </br> 
    stimme überhaupt nicht zu
    {% for choice in form.Ang_1 %}
        <p>{{ choice }}</p>
    {% endfor %}
    stimme voll und ganz zu
</div>
<div class="custom-radio-select mobile-small"> 
    {{ form.Ang_2.label }} </br> 
    stimme überhaupt nicht zu
    {% for choice in form.Ang_2 %}
        <p>{{ choice }}</p>
    {% endfor %}
    stimme voll und ganz zu
</div>
<div class="custom-radio-select mobile-small"> 
    {{ form.Ang_3.label }} </br> 
    stimme überhaupt nicht zu
    {% for choice in form.Ang_3 %}
        <p>{{ choice }}</p>
    {% endfor %}
    stimme voll und ganz zu
</div>
<div class="custom-radio-select mobile-small"> 
    {{ form.Cog_1.label }} </br> 
    stimme überhaupt nicht zu
    {% for choice in form.Cog_1 %}
        <p>{{ choice }}</p>
    {% endfor %}
    stimme voll und ganz zu
</div>
<div class="custom-radio-select mobile-small"> 
    {{ form.Cog_2.label }} </br> 
    stimme überhaupt nicht zu
    {% for choice in form.Cog_2 %}
        <p>{{ choice }}</p>
    {% endfor %}
    stimme voll und ganz zu
</div>
<div class="custom-radio-select mobile-small"> 
    {{ form.Cog_3.label }} </br> 
    stimme überhaupt nicht zu
    {% for choice in form.Cog_3 %}
        <p>{{ choice }}</p>
    {% endfor %}
    stimme voll und ganz zu
</div>

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