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

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

<div>
    <b>
       Wenn Sie an das gesamte Angebot an Nachrichtenartikeln denken, wie hat Ihnen im Vergleich dazu das Angebot an <u>kostenlosen</u> Nachrichtenartikeln gefallen?</b>
</div>
<table class="scale-7 desktop">
    <tr>
        <td>unbefrie&shy;digend</td>
        {% for choice in form.Sat_free_1 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>zufrieden&shy;stellend</td>
    </tr>
    <tr>
        <td>unerfreu&shy;lich</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 class="custom-radio-select mobile-small"> 
        unbefriedigend
        {% for choice in form.Sat_free_1%}
            <p>{{ choice }}</p>
        {% endfor %}
        zufriedenstellend
    </div>
    <div class="custom-radio-select mobile-small"> 
        unerfreulich
        {% for choice in form.Sat_free_2 %}
            <p>{{ choice }}</p>
        {% endfor %}
        erfreulich
    </div>
    <div class="custom-radio-select mobile-small"> 
        frustrierend
        {% for choice in form.Sat_free_3 %}
            <p>{{ choice }}</p>
        {% endfor %}
        angenehm
    </div>    



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

<table class="scale-7 desktop">
    <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 ansprech&shy;end</td>
        {% for choice in form.Attr_paid_3 %}
            <td>{{ choice }}</td>
        {% endfor %}
        <td>ansprech&shy;end</td>
    </tr>
</table>

<div class="custom-radio-select mobile-small"> 
    nicht zusagend
    {% for choice in form.Attr_paid_1%}
        <p>{{ choice }}</p>
    {% endfor %}
    zusagend
</div>
<div class="custom-radio-select mobile-small"> 
    schlecht
    {% for choice in form.Attr_paid_2 %}
        <p>{{ choice }}</p>
    {% endfor %}
    gut
</div>
<div class="custom-radio-select mobile-small"> 
    nicht ansprechend
    {% for choice in form.Attr_paid_3 %}
        <p>{{ choice }}</p>
    {% endfor %}
    ansprechend
</div>    


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