{{ block styles }}
    <link href="{{ static 'global/css/styles.css' }}" rel="stylesheet">
    <link href="{{ static 'global/css/font.css' }}" rel="stylesheet">
    <style>
        .table th, .table td {
            width: 25%;
            text-align: center;
        }

        .table th {
            vertical-align: middle;
        }

        .table-bordered th, .table-bordered td {
            border: 1px solid black;
        }

    </style>
{{ endblock }}

{{ block scripts }}
    <script src="{{ static 'global/js/disable.js' }}"></script>
{{ endblock }}

{{block title }}
    Summary
{{ endblock }}

{{ block content }}
{% include 'task_group/templates/attention_check.html' %}
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Round</th>
                    <th>Actual Score</th>
                    <th>{% if is_single %}Your Estimate{% else %}Team Estimate{% endif %}</th>
                    <th>Points off</th>
                </tr>
            </thead>
            <tbody>
                {% for row in summary_rows %}
                <tr>
                    <td>{{ row.round_num }}</td>
                    <td>{{ row.actual }}</td>
                    <td>{{ row.team_estimate }}</td>
                    <td>{{ row.points_off }}</td>
                </tr>
                {% endfor %}
                <tr>
                    <td>Total</td>
                    <td></td>
                    <td></td>
                    <td>{{ summary_total_points_off }}</td>
                </tr>
            </tbody>
        </table>

    {{ next_button }}
{{ endblock }}