{% extends "global/Page.html" %}

{% block content %}
    <h2>Ergebnisse des ersten Teils der Studie</h2>
<p>Hier sehen Sie eine Übersicht Ihrer jeweiligen Antworten. Des Weiteren ist die jeweils korrekte Antwort hinter der Ihren angegeben. Ist Ihre Antwort korrekt, so erhalten Sie 0,20 €. Ist Ihre Antwort falsch oder haben Sie in Ihrer Gruppe nicht einheitlich entschieden, so erhalten Sie für dieses Statement keine Entlohnung.</p>
    <div style="float: left; width: 22%; margin-right: 1px;">
        <p><strong>Statements:</strong></p>
        <ul>
            <li style="color: {% if player2_statements.0 != player1_statements.0 or player2_statements.0 != erwartete_antworten.0 %}red{% else %}black{% endif %};">{{ statements.0 }}</li>
            <li style="color: {% if player2_statements.1 != player1_statements.1 or player2_statements.1 != erwartete_antworten.1 %}red{% else %}black{% endif %};">{{ statements.1 }}</li>
            <li style="color: {% if player2_statements.2 != player1_statements.2 or player2_statements.2 != erwartete_antworten.2 %}red{% else %}black{% endif %};">{{ statements.2 }}</li>
            <li style="color: {% if player2_statements.3 != player1_statements.3 or player2_statements.3 != erwartete_antworten.3 %}red{% else %}black{% endif %};">{{ statements.3 }}</li>
            <li style="color: {% if player2_statements.4 != player1_statements.4 or player2_statements.4 != erwartete_antworten.4 %}red{% else %}black{% endif %};">{{ statements.4 }}</li>
            <li style="color: {% if player2_statements.5 != player1_statements.5 or player2_statements.5 != erwartete_antworten.5 %}red{% else %}black{% endif %};">{{ statements.5 }}</li>
            <li style="color: {% if player2_statements.6 != player1_statements.6 or player2_statements.6 != erwartete_antworten.6 %}red{% else %}black{% endif %};">{{ statements.6 }}</li>
            <li style="color: {% if player2_statements.7 != player1_statements.7 or player2_statements.7 != erwartete_antworten.7 %}red{% else %}black{% endif %};">{{ statements.7 }}</li>
            <li style="color: {% if player2_statements.8 != player1_statements.8 or player2_statements.8 != erwartete_antworten.8 %}red{% else %}black{% endif %};">{{ statements.8 }}</li>
            <li style="color: {% if player2_statements.9 != player1_statements.9 or player2_statements.9 != erwartete_antworten.9 %}red{% else %}black{% endif %};">{{ statements.9 }}</li>
        </ul>
    </div>

    <div style="float: left; width: 22%; margin-right: 1px;">
        <p><strong>Antworten von Spieler 1:</strong></p>
        <ul>
            <li style="color: {% if player1_statements.0 != player2_statements.0 %}red{% else %}black{% endif %};">{{ player1_statements.0 }}</li>
            <li style="color: {% if player1_statements.1 != player2_statements.1 %}red{% else %}black{% endif %};">{{ player1_statements.1 }}</li>
            <li style="color: {% if player1_statements.2 != player2_statements.2 %}red{% else %}black{% endif %};">{{ player1_statements.2 }}</li>
            <li style="color: {% if player1_statements.3 != player2_statements.3 %}red{% else %}black{% endif %};">{{ player1_statements.3 }}</li>
            <li style="color: {% if player1_statements.4 != player2_statements.4 %}red{% else %}black{% endif %};">{{ player1_statements.4 }}</li>
            <li style="color: {% if player1_statements.5 != player2_statements.5 %}red{% else %}black{% endif %};">{{ player1_statements.5 }}</li>
            <li style="color: {% if player1_statements.6 != player2_statements.6 %}red{% else %}black{% endif %};">{{ player1_statements.6 }}</li>
            <li style="color: {% if player1_statements.7 != player2_statements.7 %}red{% else %}black{% endif %};">{{ player1_statements.7 }}</li>
            <li style="color: {% if player1_statements.8 != player2_statements.8 %}red{% else %}black{% endif %};">{{ player1_statements.8 }}</li>
            <li style="color: {% if player1_statements.9 != player2_statements.9 %}red{% else %}black{% endif %};">{{ player1_statements.9 }}</li>
        </ul>
    </div>

    <div style="float: left; width: 22%; margin-left: 1px;">
        <p><strong>Antworten von Spieler 2:</strong></p>
        <ul>
            <li style="color: {% if player2_statements.0 != player1_statements.0 %}red{% else %}black{% endif %};">{{ player2_statements.0 }}</li>
            <li style="color: {% if player2_statements.1 != player1_statements.1 %}red{% else %}black{% endif %};">{{ player2_statements.1 }}</li>
            <li style="color: {% if player2_statements.2 != player1_statements.2 %}red{% else %}black{% endif %};">{{ player2_statements.2 }}</li>
            <li style="color: {% if player2_statements.3 != player1_statements.3 %}red{% else %}black{% endif %};">{{ player2_statements.3 }}</li>
            <li style="color: {% if player2_statements.4 != player1_statements.4 %}red{% else %}black{% endif %};">{{ player2_statements.4 }}</li>
            <li style="color: {% if player2_statements.5 != player1_statements.5 %}red{% else %}black{% endif %};">{{ player2_statements.5 }}</li>
            <li style="color: {% if player2_statements.6 != player1_statements.6 %}red{% else %}black{% endif %};">{{ player2_statements.6 }}</li>
            <li style="color: {% if player2_statements.7 != player1_statements.7 %}red{% else %}black{% endif %};">{{ player2_statements.7 }}</li>
            <li style="color: {% if player2_statements.8 != player1_statements.8 %}red{% else %}black{% endif %};">{{ player2_statements.8 }}</li>
            <li style="color: {% if player2_statements.9 != player1_statements.9 %}red{% else %}black{% endif %};">{{ player2_statements.9 }}</li>
        </ul>
    </div>

    <div style="float: left; width: 22%; margin-left: 1px;">
        <p><strong>Korrekte Antworten:</strong></p>
        <ul>
            <li style="color: {% if player2_statements.0 != player1_statements.0 or player2_statements.0 != erwartete_antworten.0 %}red{% else %}black{% endif %};">{{ erwartete_antworten.0 }}</li>
            <li style="color: {% if player2_statements.1 != player1_statements.1 or player2_statements.1 != erwartete_antworten.1 %}red{% else %}black{% endif %};">{{ erwartete_antworten.1 }}</li>
            <li style="color: {% if player2_statements.2 != player1_statements.2 or player2_statements.2 != erwartete_antworten.2 %}red{% else %}black{% endif %};">{{ erwartete_antworten.2 }}</li>
            <li style="color: {% if player2_statements.3 != player1_statements.3 or player2_statements.3 != erwartete_antworten.3 %}red{% else %}black{% endif %};">{{ erwartete_antworten.3 }}</li>
            <li style="color: {% if player2_statements.4 != player1_statements.4 or player2_statements.4 != erwartete_antworten.4 %}red{% else %}black{% endif %};">{{ erwartete_antworten.4 }}</li>
            <li style="color: {% if player2_statements.5 != player1_statements.5 or player2_statements.5 != erwartete_antworten.5 %}red{% else %}black{% endif %};">{{ erwartete_antworten.5 }}</li>
            <li style="color: {% if player2_statements.6 != player1_statements.6 or player2_statements.6 != erwartete_antworten.6 %}red{% else %}black{% endif %};">{{ erwartete_antworten.6 }}</li>
            <li style="color: {% if player2_statements.7 != player1_statements.7 or player2_statements.7 != erwartete_antworten.7 %}red{% else %}black{% endif %};">{{ erwartete_antworten.7 }}</li>
            <li style="color: {% if player2_statements.8 != player1_statements.8 or player2_statements.8 != erwartete_antworten.8 %}red{% else %}black{% endif %};">{{ erwartete_antworten.8 }}</li>
            <li style="color: {% if player2_statements.9 != player1_statements.9 or player2_statements.9 != erwartete_antworten.9 %}red{% else %}black{% endif %};">{{ erwartete_antworten.9 }}</li>
        </ul>
    </div>

    <div style="clear: both;"></div>

<p>Ihr Ertrag für den ersten Teil der Studie ist somit: <b>{{ return_value }} €</b> .</p>


    <p>Bitte klicken Sie auf "Weiter", um mit der Studie fortzufahren.</p>
        <input type="submit" value="Weiter">
    </form>
{% endblock %}