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


{% block title %}
    Teil 1 - Instruktionen (3/3)
{% endblock %}


{% block content %}

        <div class="card card-body bg-light instructions">
            <strong>Entsprechend setzt sich die Auszahlung in jeder Runde in Teil 1 wie folgt zusammen:</strong>
        </div>

    <br>

        <div class="card card-body bg-light instructions">
            <span align="justify" class="card-text">
                <strong>KÄUFER:</strong>
            </span>

            <ul class="card-text">
                <li>
                    Wenn der Käufer ein <orange>Produkt ORANGE</orange> kauft: <strong>80 Punkte + 50 Punkte - Preis</strong>
                </li>
                <li>
                    Wenn der Käufer ein <blau>Produkt BLAU</blau> kauft: <strong>80 Punkte + 50 Punkte - Preis</strong>
                </li>
                <li>
                    Wenn der Käufer kein Produkt kauft: <strong>80 Punkte</strong>
                </li>
            </ul>
        </div>

    <br>

        <div class=" card card-body bg-light instructions">
            <span align="justify" class="card-text">
                <strong>TEILNEHMER 2:</strong>
            </span>

            <ul class="card-text">
                <li>
                    Wenn der Käufer ein <orange>Produkt ORANGE</orange> kauft: <strong>80 Punkte - 60 Punkte = 20 Punkte</strong>
                </li>
                <li>
                    Wenn der Käufer ein <blau>Produkt BLAU</blau> kauft: <strong>80 Punkte</strong>
                </li>
                <li>
                    Wenn der Käufer kein Produkt kauft: <strong>80 Punkte</strong>
                </li>
            </ul>
        </div>

    <br>

        <div class=" card card-body bg-light instructions">
            <p align="justify" class="card-text">
                <b>Am Ende der Studie wird eine der {{ Constants.num_rounds }} Runden zufällig zur Auszahlung ausgewählt.</b>
            </p>
        </div>

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

{% block styles %}
<style>
orange {font-weight: bold; color:orange;}
blau {font-weight: bold; color: blue;}
</style>
{% endblock %}