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

{% block styles %}
{% endblock %}

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

{% block title %}
{% endblock %}

{% block content %}
    <div class="wrapper">
        {% if is_creteil %}
            {% if is_teacher %}
                <p>
                    Following your students' connections to this platform, we will send you a report on their non-cognitive skills.
                    For this, we would need your email address.
                </p>
            {% else %}
                <p>
                    Following your connections to this platform, we will send a report to some of you. 
                    In the latter case, we would need your email address.
                </p>
            {% endif %}
        {% else %}
            <p>
                If you are drawn, you will have the choice between transferring the credits you have obtained to an NGO of your choice, 
                or keeping the credits and converting them into cultural vouchers (for books, concerts, or others). 
                In the latter case, we would need your email address to send you the vouchers.
            </p>
        {% endif %}

        <div align="center">
            <label>Could you please share your email address?</label>
            {% formfield player.email with label='' %}
        </div>

        <button class="otree-btn-next btn btn-primary">Confirm</button>
    </div>

{% endblock %}