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


{% block title %}
    Teil 1 - Verständnisfragen (1/2)
{% 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, den der zufällig ausgewählte Verkäufer dafür verlangt,…</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 Verkäufer sein Produkt verkauft,…</strong>
            </th>
        </tr>
    </table>
    {% formfield player.control2 %}

    <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 nicht zufällig ausgewählten Verkäufers?
                </strong>
            </th>
        </tr>
    </table>
    {% formfield player.control3 %}

    <br>

    <table class=' text-justify'   cellspacing=1>
        <tr>
            <th width="1000" style="background-color:#e1f5fa">
                <strong><u>FRAGE 4</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><br>

    <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 'sellers2/ZZZ_T1_Ausrolloptionen.html' }}</p>
    </details>
{% endblock %}