{% extends "giftExchangeSurveyFinal/Popup.html" %}
{% load otree static %}


{% block content %}
    <h2>Ergebnisse</h2>
    <p>
        <b>Der Arbeitgeber hat ein Budget von 120 Talern und macht dem Arbeitnehmner ein Gehaltsangebot von 110 Talern.</b>
    </p>
    <div class="roundBlack">
        <div class="firstLetter">
            <p>
                A.) Der Arbeitnehmer <b>lehnt das Angebot ab</b>.
            </p>
        </div>
        <table class="table table-condensed">
                <tr>
                    <th>Wie hoch ist das Ergebnis des Arbeitnehmers?</th>
                    <th>Ergebnis</th>
                </tr>
                <tr>
                    <td>Ihre Antwort war: {{player.answer1AWorker| floatformat:-2 }}</td>
                    <td>{% if player.answer1AWorker == 0 %} <span style="color: green">Ihre Antwort ist richtig.</span>
                        {% else %} <span style="color: red">Ihre Antwort ist nicht richtig. Die richtige Antwort lautet 0.</span>
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th>Wie hoch ist das Ergebnis des Arbeitgebers?  </th>
                    <th>Ergebnis</th>
                </tr>
                <tr>
                    <td>Ihre Antwort war: {{player.answer1ALeader| floatformat:-2 }}</td>
                    <td>
                        {% if player.answer1ALeader == 0 %} <span style="color: green"> Ihre Antwort ist richtig. </span>
                        {% else %} <span style="color: red">Ihre Antwort ist nicht richtig. Die richtige Antwort lautet 0.</span>
                        {% endif %}
                    </td>
                </tr>
        </table>
    </div>
    <p></p>
    <div class="roundBlack">
        <div class="firstLetter">
            <p>
                B.)  Der Arbeitnehmer <b>nimmt das Angebot an</b> und wählt eine Arbeitsleistung von 5.
            </p>
        </div>
        <table class="table table-condensed">
                <tr>
                    <th>Wie hoch ist das Ergebnis des Arbeitnehmers?</th>
                    <th>Ergebnis</th>
                </tr>
                <tr>
                    <td>Ihre Antwort war: {{player.answer1BWorker| floatformat:-2 }}</td>
                    <td>{% if player.answer1BWorker == 84 %} <span style="color: green">Ihre Antwort ist richtig.</span>
                        {% else %} <span style="color: red">Ihre Antwort ist nicht richtig. Die richtige Antwort lautet 84.</span>
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th>Wie hoch ist das Ergebnis des Arbeitgebers? </th>
                    <th>Ergebnis</th>
                </tr>
                <tr>
                    <td>Ihre Antwort war: {{player.answer1BLeader| floatformat:-2 }}</td>
                    <td>
                        {% if player.answer1BLeader == 5 %} <span style="color: green">Ihre Antwort ist richtig.</span>
                        {% else %} <span style="color: red">Ihre Antwort ist nicht richtig. Die richtige Antwort lautet 5.</span>
                        {% endif %}
                    </td>
                </tr>
        </table>
    </div>
    <p></p>
    {% next_button %}
{% endblock %}