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

{% block title %}
    Verständnisfragen
{% endblock %}

{% block content %}
    <p>Nun werden Ihnen vier Fragen zur Vergütung dieses Experiments gestellt. Sie können erst „Weiter“ klicken, wenn Sie die Frage richtig beantwortet haben.</p>

    <ol>
        <li>Bei welchem Verhandlungsergebnis bekommen Sie die größtmögliche Auszahlung?</li>
    </ol>

    <table>
        <tr>

    {% if player.id_in_group == 2 %}
        <td class="text">Lohn des Mitarbeiters</td>
    {% else %}
        <td class="text">Eigener Lohn</td>
    {% endif %}
        <td>{{ form.comprehension1 }}</td>
        <td class="text"> brutto</td>
        </tr>
    </table>
    {{ form.comprehension1.errors }}

{% next_button %}

{% endblock %}

{% block styles %}
    <style>
        td, th {
            padding: 1rem;
        }

        tr {
            text-align: center;
            white-space: nowrap;
        }

        table {
            margin: 0rem 2rem 2rem 1.5rem;
        }

        ul {
            list-style: none;
        }

        .text {
            padding-bottom: 1rem;
        }
    </style>
{% endblock %}