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

{% block content %}


<div>
    <b>
        Wie hat Ihnen das Angebot an <u>kostenlosen</u> Nachrichtenartikeln angesichts des gesamten Angebots gefallen?    </b>
</div>
<table class="scale-7">
    <tr>
        <td>unbefriedigend</td>
        {% for choice in form.Sat_free_1 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>zufriedenstellend</td>
    </tr>
    <tr>
        <td>unerfreulich</td>
        {% for choice in form.Sat_free_2 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>erfreulich</td>
    </tr>
    <tr>
        <td>frustrierend</td>
        {% for choice in form.Sat_free_3 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>angenehm</td>
    </tr>
</table>

<div>
    <b>
        Wie schätzen Sie das Angebot an <u>nicht kostenlos</u> verfügbaren Nachrichtenartikeln ein?
    </b>
    </div>

<table class="scale-7">
    <tr>
        <td>nicht zusagend</td>
        {% for choice in form.Attr_paid_1 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>zusagend</td>
    </tr>
    <tr>
        <td>schlecht</td>
        {% for choice in form.Attr_paid_2 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>gut</td>
    </tr>
    <tr>
        <td>nicht ansprechend</td>
        {% for choice in form.Attr_paid_3 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>ansprechend</td>
    </tr>
</table>


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