{% block content %}

    <table class="history-table">
        <colgroup>
            <col span="3">
        </colgroup>
        <tr>
            <th colspan="3" scope="colgroup">Round</th>
            {% for g in Group_for_all_rounds %}
                <th colspan="2" scope="colgroup">{{ g.round_number }}</th>
            {% endfor %}
        </tr>

        <tr>
            <th colspan="3" scope="colgroup"></th>
            {% for g in Group_for_all_rounds %}
                {% if g.round_number < info_for_rounds %}
                    <td scope="col">RA</td>             <!--Resources Distributed-->
                    <td scope="col">P</td>              <!--Output-->
                {% endif %}
            {% endfor %}
        </tr>

        <tr>
            <th colspan="3" scope="colgroup">Unit 1</th>
            {% for g in Group_for_all_rounds %}
                {% if g.round_number < info_for_rounds %}
                    {% if g.resources_to_unit_1 == 0 or g.resources_to_unit_1 == None %}
                        <td>0</td>
                    {% else %}
                        <td>{{ g.resources_to_unit_1 }}</td>
                    {% endif %}

                    {% if g.payout_from_Unit_1 == 0 or g.payout_from_Unit_1 == None %}
                        <td class="neutralCellHighlight"><span style="color: red">0</span></td>
                    {% else %}
                        <td class="positiveCellHighlight"><span style="color: green">{{ g.payout_from_Unit_1 }}</span></td>
                    {% endif %}
                {% endif %}
            {% endfor %}
        </tr>
        <tr>
            <th colspan="3" scope="colgroup">Unit 2</th>
            {% for g in Group_for_all_rounds %}
                {% if g.round_number < info_for_rounds %}
                    {% if g.resources_to_unit_2 == 0 or g.resources_to_unit_2 == None %}
                        <td>0</td>
                    {% else %}
                        <td>{{ g.resources_to_unit_2 }}</td>
                    {% endif %}

                    {% if g.payout_from_Unit_2 == 0 or g.payout_from_Unit_2 == None %}
                        <td class="neutralCellHighlight"><span style="color: red">0</span></td>
                    {% else %}
                        <td class="positiveCellHighlight"><span style="color: green">{{ g.payout_from_Unit_2 }}</span></td>
                    {% endif %}
                {% endif %}
            {% endfor %}
        </tr>
{#        <tr>#}
{#            <th colspan="3" scope="colgroup">Unit 3</th>#}
{#            {% for g in Group_for_all_rounds %}#}
{#                {% if g.round_number < info_for_rounds %}#}
{#                    {% if g.resources_to_unit_3 == 0 or g.resources_to_unit_3 == None %}#}
{#                        <td></td>#}
{#                    {% else %}#}
{#                        <td>{{ g.resources_to_unit_3 }}</td>#}
{#                    {% endif %}#}
{##}
{#                    {% if g.payout_from_Unit_3 == 0 or g.payout_from_Unit_3 == None %}#}
{#                        <td></td>#}
{#                    {% else %}#}
{#                        <td class="cellHighlight">{{ g.payout_from_Unit_3 }}</td>#}
{#                    {% endif %}#}
{#                {% endif %}#}
{#            {% endfor %}#}
{#        </tr>#}
{#        <tr>#}
{#            <th colspan="3" scope="colgroup">Unit 4</th>#}
{#            {% for g in Group_for_all_rounds %}#}
{#                {% if g.round_number < info_for_rounds %}#}
{#                    {% if g.resources_to_unit_4 == 0 or g.resources_to_unit_4 == None %}#}
{#                        <td></td>#}
{#                    {% else %}#}
{#                        <td>{{ g.resources_to_unit_4 }}</td>#}
{#                    {% endif %}#}
{##}
{#                    {% if g.payout_from_Unit_4 == 0 or g.payout_from_Unit_4 == None %}#}
{#                        <td></td>#}
{#                    {% else %}#}
{#                        <td class="cellHighlight">{{ g.payout_from_Unit_4 }}</td>#}
{#                    {% endif %}#}
{#                {% endif %}#}
{#            {% endfor %}#}
{#        </tr>#}

        <tr>
            <th colspan="3" scope="colgroup" class="sumRow">Sum</th>
            {% for g in Group_for_all_rounds %}
                {% if g.round_number < info_for_rounds %}
                    <td class="sumRow"></td>
                    <td class="sumRow">{{ g.total_payout_from_Groups }}</td>
                {% endif %}
            {% endfor %}
        </tr>
    </table>

{% endblock %}


{% block styles %}

    <style type="text/css">

        .history-table {
            margin-bottom: 0px;
            display: inline-table;
            width: 100%;
            table-layout: fixed;
            background: linear-gradient(90deg, #ffffff, #ffffff);
            border-radius: 16px;
        }

        .history-table > tbody > tr > th, .history-table > tbody > tr > td {
            font-size: small;
            padding: 2px;
            height: 30px;
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid black;
            border-right: 1px solid black;
        }

        .history-table > tbody > tr > th.sumRow, .history-table > tbody > tr > td.sumRow {
            font-weight: bold;
            border-top: 5px double black;
        }

        .history-table > tbody > tr > th.managerRow, .history-table > tbody > tr > td.managerRow {
            font-weight: bold;
            background-color: #4801ff;
            border-top: 2px;
            border-bottom: 2px;
            border-style: solid;
            border-color: black;
        }

        .allocationWrapper p {
            margin-bottom: 0px;
            font-size: x-small;
            font-weight: bold;
        }

    </style>

{% endblock %}