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

{% block title %}
        {{ view.title }}
{% endblock %}

{% block content %}


    <div class="card">

        <div class="card-body">
            <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    Welcome to this online study!<br><br>
                    It will take approximately {{ session.config.minutes_per_study }} minutes.<br><br>
                    In this study, you can earn:
                    <ol>
                        <li>{{ session.config.participation_fee }} GBP for completing the study.</li>
                        <li>{{ currency_per_point }} GBP for each point that you earn <i>during</i> the study.
                            How many points you earn depends on your decisions and actions, and the decisions
                            and actions of other participants of this study.
                        </li>
                    </ol>
                </li>
                <li class="list-group-item font-weight-bold text-center ">
                    <h5>General procedure</h5>
                </li>
                <li class="list-group-item   ">
                    The study consists of the following stages:
                    <ol>
                        <li>Instructions for the online experiment.</li>
                        <li>Comprehension questions for the online experiment.</li>
                        <li>Practice the task you can solve in the online experiment.</li>
                        <li>The online experiment.</li>
                        <li>A short questionnaire.</li>


                    </ol>
                </li>

            </ul>
        </div>
    </div>

    <div class="my-3 ">
      {% formfields %}
    </div>
{% endblock %}