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


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


{% block content %}
    <div class="card bg-light">
        <div class="card-header">
            <strong>Entsprechend setzt sich die Auszahlung in Teil 1 wie folgt zusammen:</strong>
        </div>
        <div class="card card-body bg-light instructions">
            <p align="justify" class="card-text">
                <strong>KÄUFER:</strong>
            </p>
            <ul>
                <li>
                    Wenn der Käufer ein Produkt <i>X</i> kauft: <strong>80 Punkte + 50 Punkte - Preis</strong>
                </li>
                <li>
                    Wenn der Käufer ein Produkt <i>Y</i> kauft: <strong>80 Punkte + 50 Punkte - Preis</strong>
                </li>
                <li>
                    Wenn der Käufer kein Produkt kauft: <strong>80 Punkte</strong>
                </li>
            </ul>
        </div>
        <div class=" card card-body bg-light instructions">
            <p align="justify" class="card-text">
                <strong>TEILNEHMER 2:</strong>
            </p>
            <ul>
                <li>
                    Wenn der Käufer ein Produkt <i>X</i> kauft: <strong>80 Punkte - 60 Punkte = 20 Punkte</strong>
                </li>
                <li>
                    Wenn der Käufer ein Produkt <i>Y</i> kauft: <strong>80 Punkte</strong>
                </li>
                <li>
                    Wenn der Käufer kein Produkt kauft: <strong>80 Punkte</strong>
                </li>
            </ul>
        </div>
    </div>
    <p></p>
    <p></p>
    <div align="right">{% next_button %} </div>
    {% endblock %}