{{ block title }}
    Round Results
{{ endblock }}
{{ block content }}

<style>
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


</style>

{% if blue_player %}
    <p>-------------------------  BLUE -------------------------</p>

    <div class="row">
        <div class="column">
            <table class="table">
                <tr>
                    <th>Players</th>
                </tr>
                <td style="color:#FFFFFF">blank</td>
                {{ for player in other_players }}
                    <tr>
                        <td> {{ player }}</td>
                    </tr>
                {{ endfor }}
                <td style="color:#FFFFFF">blank</td>
            </table>
        </div>
        <div class="column">
            <table class="table">
                <tr>
                    <th>Links</th>
                </tr>
                <td style="color:#FFFFFF">blank</td>
                {{ for player in links_tofrom_others }}
                    <tr>
                        <td> {{ player }}</td>
                    </tr>
                {{ endfor }}
                <td style="color:#FFFFFF">blank</td>
            </table>
        </div>
        <div class="column">
            <table class="table">
                <tr>
                    <th>Payoff</th>
                </tr>
                <td>Initial Endowment:</td>
                {{ for player in other_players }}
                    <tr>
                        <td>From {{ player }}:</td>
                    </tr>
                {{ endfor }}
                <td><b>Total:</b></td>
                <td style="color:#FFFFFF">blank</td>
            </table>
        </div>
        <div class="column">
            <table class="table">
                <tr>
                    <th style="color:#FFFFFF">blank</th>
                </tr>
                {{ for payoff in payon_accumulator }}
                    <tr>
                        <td> {{ payoff }}</td>
                    </tr>
                {{ endfor }}
                <td>{{ player.payon }}</td>
            </table>
        </div>
    </div>

{% elif red_player %}
    <p>-------------------------  RED -------------------------</p>

    </style>

    <div class="row">
        <div class="column">
            <table class="table">
                <tr>
                    <th>Players</th>
                </tr>
                <td style="color:#FFFFFF">blank</td>
                {{ for player in other_players }}
                    <tr>
                        <td> {{ player }}</td>
                    </tr>
                {{ endfor }}
                <td style="color:#FFFFFF">blank</td>
            </table>
        </div>
        <div class="column">
            <table class="table">
                <tr>
                    <th>Links</th>
                </tr>
                <td style="color:#FFFFFF">blank</td>
                {{ for player in links_tofrom_others }}
                    <tr>
                        <td> {{ player }}</td>
                    </tr>
                {{ endfor }}
                <td style="color:#FFFFFF">blank</td>
            </table>
        </div>
        <div class="column">
            <table class="table">
                <tr>
                    <th>Payoff</th>
                </tr>
                <td>Initial Endowment:</td>
                {{ for player in other_players }}
                    <tr>
                        <td>From {{ player }}:</td>
                    </tr>
                {{ endfor }}
                <td><b>Total:</b></td>
                <td style="color:#FFFFFF">blank</td>
            </table>
        </div>
        <div class="column">
            <table class="table">
                <tr>
                    <th style="color:#FFFFFF">blank</th>
                </tr>
                {{ for payoff in payon_accumulator }}
                    <tr>
                        <td> {{ payoff }}</td>
                    </tr>
                {{ endfor }}
                <td>{{ player.payon }}</td>
            </table>
        </div>
    </div>

{% endif %}


    {{ next_button }}

{{ endblock }}