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

{{ block content }}

<style>
    table{
        font-size: 1em !important;
        width: auto;
         float:right;
    }
    th{
        width: auto;
    }

</style>

<!-- Content -->
<div align="center" style ="height: 90vh;">

        <!-- Heading -->
            <h1>Das Verfahren zur Verteilung der {{ C.TOKEN_ADD_TOTAL|to0 }}&nbsp;Token pro Runde wird
                nunmehr für alle fünf Runden durchgeführt.</h1>
            <br><br>

        <!-- Header 1 -->
             <div class="row" style ="height: 60px !important;">

                 <!-- Header Text -->
                <div class="col-6 A_roundandtext"></div>

                <!-- Header Graph  -->
                <div class="col-5 B"><h2>Einkommen pro Runde</h2></div>

                <!-- Empty col -->
                <div class = "col-lg-1 hidden-md"></div>
            </div>

        <!-- Text + Graph -->
             <div class="row">

                <!-- Text -->
                <div class="col-6 A_roundandtext">
                        <table>
                            <thead>
                                <tr>
                                    <th></th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th class = "lefttable">Ihr Einkommen pro Runde:</th>
                                    <th>{{ player.StartTokenPT|to2 }}&nbsp;Token </th>
                                </tr>
                                <tr style="border-bottom: 1px solid #cdd0d4;">
                                    <th class = "lefttable">Ihr Beitrag in den gemeinsamen Topf pro Runde:</th>
                                    <th>-{{ player.Taxes|to2 }}&nbsp;Token </th>
                                </tr>
                                <tr>
                                    <th class = "lefttable">Ihr Einkommen nach Abzug Ihres Beitrages:</th>
                                    <th>{{ player.StartToken|to2 }}&nbsp;Token </th>
                                </tr>
                                <tr style="border-bottom: 1px solid #cdd0d4;">
                                    <th class = "lefttable">Ihre Auszahlung aus dem gemeinsamen Topf pro Runde:</th>
                                    <th>{{ player.TokenAdd_1d|to2 }}&nbsp;Token</th>
                                </tr>
                                <tr >
                                    <th class = "lefttable">Ihr Gesamteinkommen pro Runde:</th>
                                    <th>{{ player.SumRoundIncome_1d|to2 }}&nbsp;Token</th>
                                </tr>
                                <tr style="border-bottom: 1px solid #cdd0d4;"    >
                                    <th class = "lefttable">Ihr Konsum pro Runde:</th>
                                    <th>-{{ player.Consumption_1d|to2 }}&nbsp;Token</th>
                                </tr>
                                <tr >
                                    <th class = "lefttable">{{ if player.Wealth_1d_1R > 0 }}
                                    Ihr Vermögen in jeder Runde nach Konsum von {{ player.Consumption_1d|to2 }}&nbsp;Token:
                                    {{ else }}
                                    Ihre Schulden in jeder Runde nach Konsum von {{ player.Consumption_1d|to2 }}&nbsp;Token:
                                    {{ endif }}
                                    </th>
                                    <th>{{ player.Wealth_1d_1R|to2 }}&nbsp;Token</th>
                                </tr>
                                <tr>
                                    <th class = "lefttable">{{ if player.Wealth_1d_1R > 0 }}
                                        Ihr Vermögen nach 5 Runden:
                                        {{ else }}
                                        Ihre Schulden nach 5 Runden:
                                        {{ endif }}
                                    </th>
                                    <th>{{ player.Wealth_1d_5R|to2 }}&nbsp;Token</th>
                                </tr>
                            </tbody>
                        </table>
                        <br><br>
                </div>

                <!-- Graph  -->
                 <div id="chartd1_1" class="col-5 B ChartContainerFor2">
                  {{ include 'redistribution/charts/6_Rounds1b_1.html' }}
                </div>

                <!-- Empty col -->
                <div class = "col-lg-1 hidden-md"></div>
            </div>

        <!-- Verweis auf nächste Seite mit Vermögensentwicklung -->
            <div style = "text-align: center;">
                    <br><br>
                    Auf der nächsten Seite sehen Sie, wie sich Ihr Vermögen und das Vermögen Ihrer Gruppenmitglieder über die 5 Runden entwickelt.
            </div>

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


{{ endblock }}