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


{% block title %}
    Teil 2 - Ihr Angebot ({{ period }}/{{ Constants.num_rounds }})
{% endblock %}


{% block content %}
    <div class="card bg-light">
    <div class="card card-body bg-light instructions">
        {% if player.id_in_group == 1 %}
            <p align="justify" class="card-text">
                <strong>
                    In dieser Runde bieten <u>Sie</u> das <u>Produkt <i>Y</i></u> an. Für dieses Produkt können Sie einen Preis
                    zwischen 20 und 50 Punkten festlegen.
                    <br><br>
                    <u>Der andere Verkäufer</u> in dieser Runde bietet das
                    {% if seller2_product == 'X' %} <u>Produkt <i>X</i></u>
                    {% else %} <u>Produkt <i>Y</i></u>
                    {% endif %} an.
                    <br><br>
                    Zur Erinnerung:
                </strong>
            </p>
            <ul>
                <li>Das Produkt <i>X</i> verursacht einen Verlust von 60 Punkten für Teilnehmer C.</li>
                <li>Das Produkt <i>Y</i> verursacht keinen Verlust für Teilnehmer C.</li>
            </ul>

        {% elif player.id_in_group == 2 %}
            <p align="justify" class="card-text">
                <strong>
                    In dieser Runde bieten <u>Sie</u> das <u>Produkt <i>Y</i></u> an. Für dieses Produkt können Sie einen Preis
                    zwischen 20 und 50 Punkten festlegen.
                    <br><br>
                    <u>Der andere Verkäufer</u> in dieser Runde bietet das
                    {% if seller1_product == 'X' %} <u>Produkt <i>X</i></u>
                    {% else %} <u>Produkt <i>Y</i></u>
                    {% endif %} an.
                    <br><br>
                    Zur Erinnerung:
                </strong>
            </p>
            <ul>
                <li>Das Produkt <i>X</i> verursacht einen Verlust von 60 Punkten für Teilnehmer C.</li>
                <li>Das Produkt <i>Y</i> verursacht keinen Verlust für Teilnehmer C.</li>
            </ul>
        {% endif %}
    </div>

    <div class="card card-body bg-light instructions">
        {% if player.id_in_group == 1 %}
            <p align="justify" class="card-text">
                <b>Bitte wählen Sie den Preis, den Sie für das Produkt <i>Y</i> verlangen möchten.</b>
                    <i>Der Teilnehmer C in dieser Runde wird am Ende der Runde über das Ergebnis und damit über seine Punkte in
                    der Runde informiert:</i>
                    <br><br>
            </p>

            <p>
                <strong>Welchen Preis verlangen Sie für das Produkt <i>Y</i>?</strong>
                {% formfield player.seller_price_Y %}
            </p>

        {% elif player.id_in_group == 2 %}
            <p align="justify" class="card-text">
                <b>Bitte wählen Sie den Preis, den Sie für das Produkt <i>Y</i> verlangen möchten.</b>
                    <i>Der Teilnehmer C in dieser Runde wird am Ende der Runde über das Ergebnis und damit über seine Punkte in
                    der Runde informiert:</i>
                    <br><br>
            </p>
            <p>
                <strong>Welchen Preis verlangen Sie für das Produkt <i>Y</i>?</strong>
            </p>
            {% formfield player.seller_price_Y %}
        {% endif %}
        <p align="justify" class="card-text">
            <br>
            Sobald Sie eine Entscheidung getroffen haben, klicken Sie bitte auf „Weiter", um mit der Studie fortzufahren.
        </p>
    </div>
    </div>

    <p></p>
    <p></p>
    <div align="right">{% next_button %} </div>

    <hr>

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