{% extends "global/Page.html" %}

{% block title %}Cooperation Game{% endblock %}
{% block content %}

    <p>
        This is round {{ player.round_number }} of the Bonus Point Game Series! You will be randomly paired with another of your classmates.
        You are Player {{ player.id_in_group }}. Consider the payoff matrix below carefully before making your choice.
    </p>

    <p>
        {% if player.round_number == 3 %}
            In this round, <b>you are not allowed to speak or communicate with your classmates in any way</b>. Please make
            your choice and wait for further instructions.
        {% else %}
            In this round, <b>you are able to communicate with your classmates. Of course</b>, its a little more complicated
            because you don't know which of your classmates you are paired with, but you may still try to coordinate.
            When you are ready, please make your decision.
    {% endif %}
    </p>

     <p>

        <p>
            <div class = "card-header mb-3 text center" style ="...">
                <b> Cooperation Game</b>
            </div>
                <table class = "table">
                    <tr>
                        <th colspan = "4" style = "text-align: center">Player 2</th>
                    </tr>

                    <tr>
                        <th scope = "col"></th>
                        <th scope = "col"></th>
                        <th scope = "col">Left </th>
                        <th scope = "col">Right</th>
                    </tr>

                    <tr>
                        <th rowspan = "3" style = "text-align: center">Player 1</th>
                    </tr>

                    <tr>
                        <th scope = "row">Left</th>
                        <td> 7, 7 </td>
                        <td> 0, 0 </td>

                    </tr>
                    <tr>
                        <th scope = "row">Right</th>
                        <td> 0, 0</td>
                        <td> 7, 7</td>
                    </tr>

                </table>
        </p>

    </p>

    {% formfields %}

    {% next_button %}



{% endblock %}