{% block content %}
    <h1>Ergebnisse der {{round_number}}. Runde</h1>
    {% if player.id_in_group == 1 %}
        <p>
            Sie haben Person 2 einen Betrag von <b>{{ group.sent_amount }}</b> gesendet.
            Person 2 hat Ihnen <b>{{ group.sent_back_amount }}</b> zurückgesendet.
        </p>
            <style>
    table {
        font-family: Arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
        margin-top: 10px;
    }

    th, td {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
    }

    th {
        background-color: #f2f2f2;
    }

    tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    .dark-green {
        color: #006400; /* Dunkelgrüne Schriftfarbe */
    }

    .dark-red {
        color: rgba(139, 0, 0, 0.5); /* Transparentes Dunkelrot für die Schrift */
    }
</style>

<table>
    <tr>
        <th></th>
        <th>Betrag</th>
    </tr>
    <tr>
        <td>Anfangsbetrag (Bei Person 1 immer 5,00 € und bei Person 2 immer 0,00 €):</td>
        <td class="dark-green">&nbsp;&nbsp;5.00 €</td>
    </tr>
    <tr>
        <td >An Person 2 gesendet:</td>
        <td class="dark-red">- {{ group.sent_amount }}</td>
    </tr>
    <tr>
        <td >Person 2 hatte {{ tripled_amount }}. Von Person 2 erhalten:</td>
        <td class="dark-green">+ {{ group.sent_back_amount }}</td>
    </tr>
</table>

        <p></p>
    {% else %}
        <p>
            Person 1 hat Ihnen einen Betrag von <b>{{ group.sent_amount }}</b> gesendet. Daraus ergab sich durch die
            Verdreifachung ein für Sie zur Verfügung stehender Betrag von <b>{{ tripled_amount }}</b>.
            Von diesem Betrag haben Sie <b>{{ group.sent_back_amount }}</b> an Person 1 zurückgesendet.
        </p>
        <style>
    table {
        font-family: Arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
        margin-top: 10px;
    }

    th, td {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
    }

    th {
        background-color: #f2f2f2;
    }

    tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    .dark-green {
        color: #006400; /* Dunkelgrüne Schriftfarbe */
    }

    .dark-red {
        color: rgba(139, 0, 0, 0.5); /* Transparentes Dunkelrot für die Schrift */
    }
</style>

<table>
    <tr>
        <th></th>
        <th>Betrag</th>
    </tr>
    <tr>
        <td>Anfangsbetrag (Bei Person 1 immer 5,00 € und bei Person 2 immer 0,00 €):</td>
        <td class="dark-green">&nbsp;&nbsp;€0.00</td>
    </tr>
    <tr>
        <td >Person 1 hatte 5,00 €. Von Person 1 erhalten, und dann verdreifacht ({{ group.sent_amount }} * 3):</td>
        <td class="dark-green">+ {{ tripled_amount }}</td>
    </tr>
    <tr>
        <td >An Person 1 gesendet:</td>
        <td class="dark-red">- {{ group.sent_back_amount }}</td>
    </tr>
</table>
    {% endif %}
    <p>
    </p>
    <p>
        Somit ist Ihr Ertrag der {{round_number}}. Runde <b>{{ player.payoff }}</b>.
    </p>
    <input type="submit" value="Weiter">
{% endblock %}