{{ extends "global/Page.html" }}
{{ block title }}
Ihre Leistung und Vergütung
{{ endblock }}
{{ block content }}

<p>Im Folgenden finden Sie eine Zusammenfassung Ihrer Leistung und Vergütung:</p>
<p>
    <b>Ihre Leistung</b><br>
<ul>
    <li>Anzahl bearbeitete Aufgaben: {{ participant.worked }}</li>
    <li>Anzahl richtig gelöster Aufgaben: {{ participant.score }}</li>
    {{ if participant.ranking != None }}
    <li>Ihre Rankingposition: {{ participant.ranking }}. Platz</li>
    {{ endif }}
    <li>Ihre Selbsteinschätzung war: {{ participant.self_assessment }}</li>
</ul>
</p>
<p>
    <b>Ihre Vergütung setzt sich wie folgt zusammen:</b><br>
<ul>
    <li>Fixlohn: {{ participant.fixed_wage_payoff }}</li>
    {{ if participant.piece_rate_payoff != None }}
    <li>Variable Zahlung: {{ participant.piece_rate_payoff }}</li>
    {{ endif }}
    {{ if participant.tournament_payoff != None }}
    <li>Preis: {{ participant.tournament_payoff }}</li>
    {{ endif }}
    <li>Selbsteinschätzung: {{ participant.self_assessment_payoff }}</li>
</ul>
</p>
<p>Damit beträgt Ihre Auszahlung <b>{{ participant.payoff }}</b>. Das sind umgerechnet <b>{{ real_world_payoff
        }}</b>.<br>
    (Hinweis: Umrechnungskurs ist wie folgt: {{ conversion }} entspricht {{ points_per_euro|cu }}. Der umgerechnete
    Betrag wird jeweils auf 5 Cent aufgerundet.)</p>
<p>Um die Auszahlung der Vergütung zu beschleunigen, füllen Sie bitte Ihre Empfangsbestätigung, die die
    Experimentleitung verteilen wird, aus. Tragen Sie auch Ihre Vergütung in <b>Höhe von {{ participant.payoff_rounded
        |to2 }} €</b>
    sowie Ihren Teilnehmer-<b>Code {{ participant.code }}</b> ein.</p>

<div class="card mx-auto" style="width: 400px;">
    <div class="card-header text-start">
        Füllen Sie die Empfangsbestätigung mit folgenden Daten aus:
    </div>
    <ul class="list-group list-group-flush">
        <li class="list-group-item"><b>Vergütung:</b> {{ participant.payoff_rounded|to2 }} €</li>
        <li class="list-group-item"><b>Teilnehmer-Code:</b> {{ participant.code }}</li>
    </ul>
</div>
{{ next_button }}

{{ endblock }}