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

{% block content %}

    <div>
        <b>
            Basierend auf Ihrer Erfahrung mit dem kostenlosen Angebot an Nachrichtenartikeln…
        </b>
    </div>
    
    <table class="likert-table">
        <tr class="top-row"> 
            <td></td>
            <td class="td-center">sehr wenig</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td class="td-center">sehr stark</td>
        </tr>
        <tr>
            <td>{{ form.Cur_1.label }}</td>
            {% for choice in form.Cur_1 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Cur_2.label }}</td>
            {% for choice in form.Cur_2 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
        <tr>
            <td>{{ form.Cur_3.label }}</td>
            {% for choice in form.Cur_3 %}
                <td>{{ choice }}</td>
            {% endfor %}
        </tr>
    </table>

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