{{ block title }}
    Final Results
{{ endblock }}

{{ block content }}
    <p>
         After 5 rounds, your total payoff is {{ my_payoff }} points.
    </p>
    <table class="table table-md table-bordered">
        <thead>
            <tr>
                <th></th>
                <th colspan="5" scope="col" class="text-center">Column<br></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th rowspan="5" scope="row" class="align-middle text-center">Row</th>
                <td></td>
                    <th>Joker</th>
                    <th>Ace</th>
                    <th>Two</th>
                    <th>Three</th>
            </tr>
            <tr>
                <th>Joker</th>
                    <td>(5, -5)</td>
                    <td>(-5, 5)</td>
                    <td>(-5, 5)</td>
                    <td>(-5, 5)</td>
            </tr>
            <tr>
                <th>Ace</th>
                    <td>(-5, 5)</td>
                    <td>(-5, 5)</td>
                    <td>(5, -5)</td>
                    <td>(5, -5)</td>
            </tr>
            <tr>
                <th>Two</th>
                    <td>(-5, 5)</td>
                    <td>(5, -5)</td>
                    <td>(-5, 5)</td>
                    <td>(5, -5)</td>
            </tr>
            <tr>
                <th>Three</th>
                    <td>(-5, 5)</td>
                    <td>(5, -5)</td>
                    <td>(5, -5)</td>
                    <td>(-5, 5)</td>
            </tr>
        </tbody>
    </table>
    
    {{ next_button }}
{{ endblock }}