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

{% block scripts %}
    <script>
        $(function () {
            $('input[name=email]').prop('placeholder', 'Please enter your email address...')
        })
    </script>
{% endblock %}

{% block styles %}
{% endblock %}

{% block title %}
{% endblock %}

{% block content %}
    <div class="wrapper">
        {% if is_creteil %}
            {% if is_teacher %}
                <p>
                    Before we start this activity, We would like you to fill some information about you. 
                </p>
            {% else %}
                <p>
                    Before we start this activity, We would like you to fill some information about you. 
                </p>
            {% endif %}
        {% else %}
            <p>
                Before we start this activity, We would like you to fill some information about you. 
            </p>
        {% endif %}

        <div align="center">
            {% formfield player.email with label='' %}
        </div>

        <button class="otree-btn-next btn btn-primary">Confirm</button>
    </div>
{% endblock %}