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

{% block title %}
Verhandlung
{% endblock %}

{% block content %}
<p>Wenn Sie schneller als 30 Minuten fertig sind, um den Lohn zu verhandeln, ist das kein Problem. Sie können jederzeit
    auf den Button „Verhandlung abgeschlossen“ klicken, um ihr Verhandlungsergebnis schon vor Ablauf der 30 Minuten
    einzugeben.</p>
<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 %}
<p>Falls Sie aus Versehen das Zoom-Meeting geschlossen haben, klicken Sie <a href={{ link }}>hier</a>.</p><br>
<center>
    <button class="btn btn-danger" type="button" id="nextbutton">Verhandlung abgeschlossen</button>
    <br>
</center>

{% endblock %}

{% block scripts %}
<script>
        let nextbutton = document.getElementById('nextbutton');

        nextbutton.onclick = function () {
            var answer = window.confirm("Sind Sie sicher, dass Sie die Verhandlungen abgeschlossen haben?");
            if (answer) {
                document.getElementById("form").submit();
            }
        };

</script>
{% endblock %}

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

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

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