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

{{ block content }}

<style>
    .ChartContainerFor1{
        max-width: 800px;
        height: 400px;
        margin: 0 auto;
        border-style: solid;
        margin-top: 15px;
        padding-top:15px;
    }
</style>

<div align="center">
    <!-- Text -->
    <h1>Erklärung I</h1>
    <br><br>
    Sie befinden sich in einer Gruppe mit vier anderen Personen. <br><br>
    Alle Personen erhalten ein über alle Runden hinweg gleichbleibendes Einkommen. <br><br>
    Ihr Einkommen in jeder Runde beträgt {{ player.StartTokenPT }}&nbsp;Token und ist in der unteren Grafik blau dargestellt.  <br><br>

    {{ if group.Effort == 0 }}
    Dieses Einkommen ist Ihnen, wie den anderen Personen dieser Gruppe, zufällig zugeteilt worden.
    {{ elif group.Effort == 1 }}
    Dieses Einkommen beruht auf Ihrer Leistung in den vorherigen Leistungstests.
    {{ endif }}
    <br><br>

    <!-- Graph -->
    <div id= "ChartContainerFor1" class="ChartContainerFor1">
         {{ include 'redistribution/charts/1_Info.html' }}
    </div>

    <!-- Button -->
    <!-- Make "buttonclassfixedposition" for lab experiments and "buttonclassonline" for online experiments -->
    <div class ="buttonclassonline">
            {{ next_button }}

    </div>

</div>

{{ endblock }}