{% block content %}

    <table class="table" id="summaryTable">
        <tr>
            <th></th>
            <th><h6 style="font-size: 10px">Total number of</h6>Resources <br> allocated</th>
            <th><h6 style="font-size: 10px">Total number of</h6>Payoffs</th>
            <th>Success <br> ratio</th>
        </tr>

        <tr>
            <td>Unit 1</td>
            {% with Group_for_last_round as g %}
                <td>{{ g.summed_resources_to_unit_1 }}</td>
                <td>{{ g.summed_payout_from_Unit_1 }}</td>
                <td>{{ g.success_ratio_unit_1 }}</td>
            {% endwith %}
        </tr>
        <tr>
            <td>Unit 2</td>
            {% with Group_for_last_round as g %}
                <td>{{ g.summed_resources_to_unit_2 }}</td>
                <td>{{ g.summed_payout_from_Unit_2 }}</td>
                <td>{{ g.success_ratio_unit_2 }}</td>
            {% endwith %}
        </tr>
    </table>

{% endblock %}


{% block styles %}

    <style type="text/css">

        .table {
            empty-cells: show;
            margin-bottom: 0px;
            display: inline-table;
            width: 100%;
            background: linear-gradient(218deg, #84fab0, #8fd3f4);
        }

    </style>

{% endblock %}