{{ block title }}
    Instructions
{{ endblock }}

{{ block content }}
    <style>
        body {
          display: flex;
          height: 100vh;
          background-color: #f1f1f1;
        }
    </style>
    <h4> The Game </h4>
    <p style="font-size: 1.5rem;">
        In this game you will play with two other players. 
        Each player in the group will take turns to give each other tokens but you cannot give tokens to yourself.
    </p>
    <p style="font-size: 1.5rem;">
        Who is next is determined randomly (by a coin toss), you won't know who is next. Try to respond as quickly as possible. Your goal is to receive as many tokens as possible.

    </p>

    <h4> Grouping </h4>
    <p style="font-size: 1.5rem;">
        The game will be played online. So before the game you need to wait in a waiting room. When enough participants enter the waiting room, the game will start. Note that you will be waiting for at most 5 minutes. If not enough participants join in this period, the experiment will end and you will get compasention of $1. Do not switch to other tabs or close the browser during the waiting period. 
    </p>

    <h4> Bonus </h4>
    <p style="font-size: 1.5rem;">
        The participantion fee is $2 and upon completing the game your tokens will be converted back to real money as a bonus (1 token = $0.03).
    </p>

    <h4> Pilot </h4>
    <p style="font-size: 1.5rem;">
        This study is a pilot study, if you encounter some bugs, please report them to baezmendozalab@gmail.com. Thanks in advance!
    </p>

    <p style="font-size: 1.5rem;">
        Make sure you know the rule of the game and press 'next' to the instructions of the game interface.
    </p>
    {{ formfields }}
    {{ next_button }}
{{ endblock }}