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

{% block title %}
    Introduction
{% endblock %}

{% block content %}
    <div class="info_box">
        <div class="header">
            <p class="formatting_header">
                Information:
            </p>
        </div>
        <div class="content">
            <p class="formatting_content">
                Before you start, please:<br>
                - Maximize your browser window<br>
                - Switch off anything distracting to you (i.e. phone / e-mail / music)<br>
                - Enter your Prolific ID in the input field below (it can be found in your account info)!<br>
            </p>
        </div>
    </div>
    <div class="task_box">
        <div style="margin: 50px 25px 50px 25px ">
            <b>Prolific ID:</b><br><br>
            {% formfield player.prolific_id label="" %}
        </div>
    </div>
    <div class="button_box">
        <br>
        <span style="margin-right: 10px"> Click on the "Continue" button to continue with the study! </span>
        <input class="btn btn-primary" type="submit" value="Continue"/>
        <br><br>
    </div>
{% endblock %}