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

{% block title %}
    Vergütung
{% endblock %}

{% block content %}
    <p>Hier sehen Sie noch einmal eine Übersicht über Ihre mögliche Vergütung für dieses Experiment:</p>
    <table>
        <tr>
            <th>Verhandlungsergebnis</th>
            <th>Ihre Auszahlung für dieses Experiment</th>
        </tr>


    {% if player.id_in_group == 2 %}
        <tr>
            <td>Lohn des Mitarbeiters < 4000 € brutto</td>
            <td>8 €</td>
        </tr>
        <tr>
            <td>Lohn des Mitarbeiters < 3750 € brutto</td>
            <td>10 €</td>
        </tr>
        <tr>
            <td>Lohn des Mitarbeiters < 3500 € brutto</td>
            <td>12 €</td>
        </tr>
        <tr>
            <td>Keine Einigung mit Mitarbeiter über seinen Lohn</td>
            <td>4 €</td>
        </tr></table>

        <p>Der maximal höchste Lohn, den Ihre Firma auszahlen kann, beträgt 4500 € brutto.</p>
        <p>Bitte bedenken Sie bei der Verhandlung, dass Sie in Zukunft mit dem Mitarbeiter arbeiten werden.</p>

    {% else %}
        <tr>
            <td>Ihr Lohn > 3500 € brutto</td>
            <td>8 €</td>
        </tr>
        <tr>
            <td>Ihr Lohn > 3750 € brutto</td>
            <td>10 €</td>
        </tr>
        <tr>
            <td>Ihr Lohn > 4000 € brutto</td>
            <td>12 €</td>
        </tr>
        <tr>
            <td>Keine Einigung mit Vorgesetzten über Ihren Lohn</td>
            <td>4 €</td>
        </tr></table>

        <p>Der geringste Lohn, den Sie annehmen würden, beträgt 3000 € brutto. Bei einem geringeren Lohn würden Sie den Job nicht annehmen.</p>
        <p>Bitte bedenken Sie bei der Verhandlung, dass Sie in Zukunft mit Ihrem Vorgesetzten arbeiten werden.</p>

    {% endif %}


{% next_button %}


{% endblock %}

{% block styles %}
    <style>
        td, th {
            padding: 1rem;
        }

        tr {
            border-bottom: 1px solid white;
            text-align: center;
        }

        table {
            margin: 2rem;
            width: 90%;
        }
    </style>
{% endblock %}