{% load staticfiles otree_tags %}

<div class="instructions well well-lg">

    <h3 class="panel-sub-heading">
        Game 1
    </h3>

    <div class="panel-body">

        <p>
            There are two groups of players in Game 1: <em> Group 1 </em> and  <em> Group 2 </em>. Group 1 consists of one player, Player 1. Group 2 consists of {{ Constants.players_g2 }} players.
        </p>

        <p>
            In this game:
        </p>

        <ul>
            <li>
                Each player in Group 2 is given {{ Constants.endowment }}.
            </li>
            <li>
                Each player in Group 2 decides how much to share with Player 1.
            </li>
            <li>
                Player 1 sees the total amount shared by Group 2 and decides whether or not to accept this offer.
                <ul>
                <li>
                    If Player 1 accepts this offer, then Player 1 receives the total amount of money shared and
                    each player in Group 2 receives {{ Constants.endowment }} minus the amount shared.
                </li>
                <li>
                    If Player 1 rejects this offer, then every player gets {{ Constants.payoff_if_rejected }} in this game.
                </li>
                </ul>
            </li>
        </ul>


    {% if player.role == 'g1' %}
        <p> You are in <em> Group 1 </em>.
            Each player in Group 2 will decide how much of the {{ Constants.endowment }} they would like to offer you.
            You will receive the total amount offered by the group.
        </p>

    {% elif player.id_in_group == 2 %}
        <p> You are in <em> Group 2 </em>. You are given {{ Constants.endowment }}.</p>

    {% else %}
        <p> You are an observer in this game. You will not participate in Game 1.
            However, you will play in Game 2. </p>

        <p> In Game 2, you will be <em> randomly </em> matched with a player who is in Group 2 in Game 1 and
        will be given information about this player.</p>
    {% endif %}

    </div>

</div>