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


{% block title %}
    Teil 1 - Verständnisfragen
{% endblock %}


{% block content %}
    <div class="card card-body bg-light instructions">
        <p align="justify" class="card-text">
            Um sicherzugehen, dass Sie Teil 1 der Studie verstanden haben, bitten wir Sie die folgenden
            Verständnisfragen zu beantworten. Sie können die Instruktionen zu Teil 1 am unteren Rand des Bildschirms
            nachlesen.
        </p>
    </div>
    <br><br>
    <table class=' text-justify' cellspacing=1>
        <tr>
            <th width="1000" style="background-color:#e1f5fa">
                <strong><u>FRAGE 1</u>: Wenn ein Käufer bereit ist, für das Produkt einen höheren Preis als den
                    Angebotspreis zu zahlen, ...</strong>
            </th>
        </tr>
    </table>
    {% formfield player.control1 %}

    <br>

    <table class=' text-justify'   cellspacing=1>
        <tr>
            <th width="1000" style="background-color:#e1f5fa">
                <strong><u>FRAGE 2</u>: Wenn ein Käufer ein Produkt <i>X</i> oder ein Produkt <i>Y</i> kauft,...</strong>
            </th>
        </tr>
    </table>
    {% formfield player.control4 %}

    <br>

    <table class=' text-justify'   cellspacing=1>
        <tr>
            <th width=1000 style="background-color:#e1f5fa">
                <strong><u>FRAGE 3:</u> Wie hoch ist die Auszahlung eines Teilnehmers 2, wenn ein Käufer kein Produkt
                    kauft?</strong>
            </th>
        </tr>
    </table>
    {% formfield player.control5 %}

    <br>

    <table class=' text-justify'   cellspacing=1>
        <tr>
            <th width=1000 style="background-color:#e1f5fa">
                <strong><u>FRAGE 4:</u> Wie hoch ist die Auszahlung eines Teilnehmers 2, wenn ein Käufer ein Produkt X
                    kauft?</strong>
            </th>
        </tr>
    </table>
    {% formfield player.control6 %}

    <br>

    <table class=' text-justify'   cellspacing=1>
        <tr>
            <th width=1000 style="background-color:#e1f5fa">
                <strong><u>FRAGE 5:</u> Wie hoch ist die Auszahlung eines Teilnehmers 2, wenn ein Käufer ein Produkt Y
                    kauft?</strong>
            </th>
        </tr>
    </table>
    {% formfield player.control7 %}

    <p></p>
    <p></p>
    <div align="right">
    <button id="button" class="btn btn-primary" onclick> Weiter </button>
    </div>

    <hr>

    <details>
        <summary>
            <b>Instruktionen Teil 1 (gesamt):</b> Klicken Sie hier, um die Instruktionen zu Teil 1 noch einmal zu lesen.
        </summary>
        <p> {{ include 'nosellers2/ZZZ_T1_Ausrolloptionen.html' }}</p>
    </details>
{% endblock %}