{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Task Summary
{% endblock %}

{% block content %}

    <p class="text-success">
    </p>

    <div class="panel panel-success">

        <div class="panel-heading">
            <h4>In total you solved correctly: {{ player.total_correct}} {% if player.total_correct == 1 %} matrix{% else %} matrices{% endif %}.</h4>
        </div>

        <table class="table">
            <tr>
                <th><center>Matrix #</th>
                <th><center>Number of 'd' letters checked</th>
                <th><center>Number of 'b' letters checked incorrectly</th>
                <th><center>Matrix correct?</th>
            </tr>
            {% for row in table_rows %}
            <tr>
                <td align="center">{{ row.round_number }}</td>
                <td align="center">{{ row.d_crossed}} out of 20 </td>
                <td align="center">{{ row.b_crossed}}</td>
                <td align="center">{{ row.is_correct }}</td>
            </tr>
            {% endfor %}

        </table>

    </div>
{% next_button %}
{% endblock %}