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

{% block title %}
    Instructions for the Second Tournament
{% endblock %}

{% block content %}
    <style>
        .row {
          display: flex;
          margin-left:-5px;
          margin-right:-5px;
        }

        .column {
          flex: 50%;
          padding: 5px;
        }

        .payoff {
            caption-side: top;
            width: 60%;
            border-collapse: collapse;
            border: 1px solid black;
            text-align: center;
            padding: 5px;
        }

        .player {
            background-color: rgba(0, 84, 255, 0.4);
        }

        .action{
            background-color: rgba(0, 84, 255, 0.2);
        }

        .payoff td {
            border-bottom: 1px dotted;
        }

        @media (max-width: 800px) {
            #YP, #TP {flex: 100%;}
        }
    </style>

    <h3 style="color:DodgerBlue"> Matching </h3>
    <p> At the beginning of each game, you will be matched with a random person, to form a team of two. For each game
        your team will be playing against one of the other teams and that team will be the opponent of your team.
        Note that you will not learn who your teammate or your opponents are, neither during nor after today’s session.
        Likewise, neither your teammate nor your opponents will learn about your identity. </p>
    <p> This tournament consists of 10 games, and each game consists of <b style="color:red">4 rounds</b>. In each game your team and your
        opponents will be competing for a cash prize. Whichever team earns more points will be the winner. </p>

    <h3 style="color:DodgerBlue"> The Game </h3>
    <p> Each round consists of the following sequence of events. At the beginning of each round, you and your teammate
        each receive a randomly and independently drawn integer number from 1 to 5 inclusive. This number will be revealed
        after you make your decision, that is, your teammate will not see your number and his/her number, and you will
        not see your number and your teammate’s number until you make your decision.   </p>
    <p>  You and your teammate must each decide separately between one of two actions: <b>“A”</b> or <b>“B”</b>. Your number, your
        action, your teammate’s number, and your teammate’s action will determine your points in the following way.   </p>
    <ul>
        <li> If you and your teammate both choose B, then you both receive 0 points. </li>
        <li> If you choose B and your teammate chooses A, then you receive 0 points and your teammate receives points equal to his/her number.  </li>
        <li> If you choose A and your teammate chooses B, you receive points equal to your number and your teammate receives 0 points.   </li>
        <li> If you both choose A, then you receive points equal to one-third of your number and your teammate receives points equal to one-third of his/her number.  </li>
    </ul>

    <p> The tables below summarize the payoff structure.
    <div class="row">
        <div class="column">
            <table class="payoff" id="YP">
                <caption style="caption-side: top"> Your points </caption>
                    <tr>
                    <th class="player"> </th>
                    <th class="player"> </th>
                    <th class="player" colspan="2"> Your teammate </th>
                </tr>
                <tr>
                    <th class="player"> </th>
                    <th class="action"> </th>
                    <th class="action"> A </th>
                    <th class="action"> B </th>
                </tr>
                <tr>
                    <th class="player" rowspan="2"> You </th>
                    <th class="action"> A </th>
                    <td> x/{{ Constants.divider_both_enter }}</td>
                    <td> x </td>
                </tr>
                <tr>
                    <th class="action"> B </th>
                    <td> {{ Constants.payoff_exit }}</td>
                    <td> {{ Constants.payoff_exit }}</td>
                </tr>
            </table>
        </div>

        <div class="column">
            <table class="payoff" id="TP">
                <caption style="caption-side: top"> Your teammate's points </caption>
                <tr>
                    <th class="player"> </th>
                    <th class="player"> </th>
                    <th class="player" colspan="2"> Your teammate </th>
                </tr>
                <tr>
                    <th class="player"> </th>
                    <th class="action"> </th>
                    <th class="action"> A </th>
                    <th class="action"> B </th>
                </tr>
                <tr>
                    <th class="player" rowspan="2"> You </th>
                    <th class="action"> A </th>
                    <td> y/{{ Constants.divider_both_enter }}</td>
                    <td> 0 </td>
                </tr>
                <tr>
                    <th class="action"> B </th>
                    <td> y </td>
                    <td> {{ Constants.payoff_exit }}</td>
                </tr>
            </table>
        </div>
    </div>
    </p>

    <p> Suppose you receive a number, x, and your teammate receives a number, y. The points for each of the given pair of
        decisions are indicated in the tables above. The table on the left refers to your points; the table on the right is your
        teammate’s points. After you and your teammate have both made your decisions, you will see your number, the amount of
        points you earned, your teammate’s number and his/her decision. You and your opposing team will do the exact same activity
        for 4 rounds in each game.  </p>
    <p> At the end of each game, the winning team and the individual competition winner will be determined.  </p>

    <h3 style="color:DodgerBlue"> Team Competition </h3>
    <p> As a team, you will be competing for a cash prize against the opposing team. <b>If your team earned more points together
        than your opposing team, you and your teammate will each receive a $10 cash prize. If your team earned less points
        together than your opposing team, you and your teammate will receive $0.</b> In the case of a tie, the ranking among the
        teams with equal total points will be determined randomly. Likewise, your opposing team will have the chance to win
        the team competition, in exactly the same way.  </p>

    <h3 style="color:DodgerBlue"> Individual Competition </h3>
    <p> As an individual, you will be competing for a cash prize against your teammate. In addition to the team competition
        cash prize, you will receive an individual competition cash prize. <b>If you earned more points than your teammate,
            you will receive a $10 cash prize. If you earned less points than your teammate, you will receive $0.</b> In the case
        of a tie, the ranking between you and your teammate with equal total points will be determined randomly. Likewise,
        your teammate and your opposing team will have the chance to win the individual competition, in exactly the same way. </p>

    <p></p>

    <h4>For example</h4>
    <ul>
        <li>Player 1 & 2 are a team, and Player 3 & 4 are a team  </li>
        <li> After 4 rounds </li>
        <ul>
            <li> Player 1 has earned 2.3 points in total </li>
            <li> Player 2 has earned 1 point in total  </li>
            <li> Player 3 has earned 1.3 points in total </li>
            <li> Player 4 has earned 0.3 points in total  </li>
        </ul>
        <li> Player 1 & 2’s team won the team competition </li>
        <ul>
            <li> Their team made 3.3 points together, and the opposing team made 1.6 points together  </li>
        </ul>
        <li> Player 1 and Player 3 won the individual competition  </li>
        <ul>
            <li> Player 1 made more points than his/her teammate, Player 2  </li>
            <li> Player 3 made more points than his/her teammate, Player 4  </li>
        </ul>
        <li> Player 1 will earn $20  </li>
        <li> Player 2 will earn $10  </li>
        <li> Player 3 will earn $10  </li>
        <li> Player 4 will earn $0  </li>
    </ul>

    <p></p>

    <p> If you have any questions, please unmute yourself and the experimenter will assist you. It is important that you
        understand the instructions. Misunderstandings can result in losses of profit.  </p>

    <p></p>
    <p> When you are ready to begin the second tournament, press Next. </p>

{% next_button %}

{% endblock %}