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

{% block title %}Prisoner's Dilemma{% endblock %}
{% block content %}

    <p>
        This is the first round 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 == 1 %}
            In this round, you are <b>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</b>. Of course, 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>
         <div class = "card-header mb-3 text center" style ="...">
             <b> Prisoner's Dilemma </b>
        </div>

        <p>
                <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">Cooperate </th>
                        <th scope = "col">Dont Cooperate</th>
                    </tr>
                    <tr>
                        <th rowspan = "3" style = "text-align: center">Player 1</th>
                    </tr>
                    <tr>
                        <th scope = "row">Cooperate</th>
                        <td> 10, 10 </td>
                        <td> 2, 12 </td>

                    </tr>
                    <tr>
                        <th scope = "row">Dont Cooperate</th>
                        <td> 12, 2</td>
                        <td> 5, 5</td>
                    </tr>

                </table>
        </p>

    </p>

    {% formfields %}

    {% next_button %}


{% endblock %}