{{ block title }}
    Teilnehmer B Anweisung
{{ endblock }}
{{ block content }}

<p> <strong>Sie sind Teilnehmer B.</strong> </p>
<p> Teilnehmer A hat <strong>10ECU</strong> zur Verfügung.</p>
<p> Sie chatten gleich <strong>fünf Minuten</strong> mit Teilnehmer A. </p>
<p> Danach müssen Sie einen <strong>Mindestbetrag</strong> angeben, ab welchem Sie das Angebot <strong>annehmen</strong> würden. </p>

<br>

<p> Hier können Sie verschiedene Möglichkeiten <strong>ausprobieren</strong>, sodass Sie das Auszahlungssystem verstehen.</p>
<p> Das Testen hat <strong>keinen</strong> Einfluss auf Ihre Auszahlung, es ist lediglich für das <strong>Verständnis</strong> gedacht. </p>

<br>

<p> Hypothetisches Angebot von Teilnehmer A: </p>
<input type="number" id="zahl1" placeholder="Angebot Verteiler">

<br> <br>

<p> Möglicher Mindestbetrag vom Empfänger:</p>
<input type="number" id="zahl2" placeholder="Mindestbetrag von Empfänger">
<button type="button" onclick="berechneOutput()">Berechnen</button>

<br> <br>

<div id="Verteiler">Auszahlung an Verteiler </div>
<div id="Empfaenger">Auszahlung an Empfänger </div>

<script>
function berechneOutput() {
    // Hole die Werte aus den Eingabefeldern
    var zahl1 = document.getElementById('zahl1').value;
    var zahl2 = document.getElementById('zahl2').value;

    // Konvertiere die Eingabewerte in Zahlen und berechne den Output, error bei Zahlen die größer als 10 sind
    if (Number(zahl1) > 10 || Number(zahl1) < 0){
        var Empfaenger_auszahlung = 0;
        var Verteiler_auszahlung = "Error: Zahl nicht zulässig! Angebot kann nur zwischen 0 und 10 sein!";
    }
    else if (Number(zahl2) > 10 || Number(zahl2) < 0){
        var Empfaenger_auszahlung = "Error: Zahl nicht zulässig! Mindestbetrag kann nur zwischen 0 und 10 sein!";
        var Verteiler_auszahlung = 0;
    }
    else{
        if (Number(zahl2) <= Number(zahl1)){
            var Empfaenger_auszahlung = Number(zahl1); // oder eine andere Berechnung
            var Verteiler_auszahlung = 10 - Number(zahl1);
        }
        else {
            var Empfaenger_auszahlung = 0; // oder eine andere Berechnung
            var Verteiler_auszahlung = 0;
        }
    }

    // Zeige das Ergebnis im 'output'-Div an
    document.getElementById('Verteiler').innerText = 'Teilnehmer A bekommt: ' + Verteiler_auszahlung;
    document.getElementById('Empfaenger').innerText = 'Teilnehmer B bekommt: ' + Empfaenger_auszahlung;
}

</script>

<br>

{{ formfields }}

<br><br><br>

    {{ next_button }}

{{ endblock }}