{% extends "otree/Base.html" %}
{% load i18n %}
{% load otree static %}

{% block body_main %}
    <div class="otree-body container">
        <h2 class="otree-title page-header text-center" style="margin-top: 0">
            {% block title %}Bienvenue !{% endblock %}
        </h2>

         <div class="wrapper instructions">
            <p>On this platform, we will guide you through several questions and games.
                Through these games, we try to understand the processes of taking
                decisions, preferences and attitudes of participants.
            </p>

            <p>
                Following these games will follow a few questions on the results obtained during the connections in October 2019.
            </p>

            <p>
                Finally, before arriving at the end of the platform, you will also be presented with a series of questions on the lockdown period and COVID-19. The answers will, of course, not be compulsory, but they would help us better understand how you experienced this period.
            </p>

            <p>
                The total duration of your connection should be approximately 45 minutes in total.
            </p>

            <p align="center">
                We hope you will enjoy the games we offer you.
            </p>

            <p align="center">
                Excellent participation!
            </p>
        </div>


            <form action="" method="post" role="form" id="form" class="form">
                {% csrf_token %}
                <button class="otree-btn-next btn btn-primary mb-4">Start</button>
            </form>

        </div>
    </div>
{% endblock %}

{% block internal_styles %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'otree/css/page.css' %}">
{% endblock %}

{% block internal_scripts %}
    {{ block.super }}
    {% comment %}
    <script id="websocket-redirect" src="{% static 'otree/js/page-websocket-redirect.js' %}"
            data-socket-url="{{ view.socket_url|safe }}"
            data-redirect-url="{{ view.redirect_url|safe }}">
    </script>
    {% endcomment %}
    {{ form.media|default:"" }}
{% endblock %}

{% block styles %}
    <link rel="stylesheet" type="text/css" href="{% static "intro/css/main.css" %}">
{% endblock %}