{% load otree %}

<div class="card bg-light instructions">
    <div class="card-body">
        <h3>
            Instructions
        </h3>
        <link rel="stylesheet" type="text/css"
              href="{% static 'global/matrix.css' %}"/>
        <p>
            In this study, you will be anonymously matched with another player. You will only interact via the computer, and will not know who you have been matched with.
            Imagine that you and the other player are partners in crime. Unfortunately, you have been caught. You must each decide whether to confess or be silent. This choice will be made independently, without knowing what the other player has chosen. Your final sentence is dependent on both your individual choice and the choice of your partner.
            
            <br/>
            <br>
            The outcome of the game is how many years in prison each player must serve. Thus,
            higher numbers signify worse outcomes for both players.
            <ul>
                <li>If you both choose silent, you will each serve 1 year.</li>
                <li>If you both choose to confess, you will each serve 5 years.</li>
                <li>If one player chooses silent and the other chooses to confess, then the player who chose silent will serve 10 years, and the player who confessed will serve 0 years.</li>
            </ul>

            <table class="table table-md table-bordered">
                <thead>
                    <tr>
                        <th></th>
                        <th colspan="3" scope="col" class="text-center">Partner's Choice<br></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th rowspan="3" scope="row" class="align-middle text-center">Your Choice</th>
                        <td></td>
                            <th>Silent</th>
                            <th>Confess</th>
                    </tr>
                    <tr>
                        <th>Silent</th>
                            <td>You serve 1 year, Partner serves 1 year</td>
                            <td>You serve 10 years, Partner serves 0 years</td>
                    </tr>
                    <tr>
                        <th>Confess</th>
                            <td>You serve 0 years, Partner serves 10 years</td>
                            <td>You serve 5 years, Partner serves 5 years</td>
                    </tr>
                </tbody>
            </table>
        </p>
    </div>
</div>