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

{# ****************************************************************************************************************** #}
{# *** STYLES *** #}
{# ****************************************************************************************************************** #}
{% block styles %}
<link href="{% static 'EXLEY_ASSO/EXLEY_ASSO_STYLE.css' %}" rel="stylesheet">
{% endblock %}

{% block title %}
    
<center>
    END OF TRAINING 
</center>
{% endblock %}

{% block content %}

<div class="cadre_new_step" style="border: 7px solid black; background-color:lightblue; ">

    <div class="welcome_new_step" style="text-align:justify; font-weight:normal; font-size : 19px;">
        
        <p>
        The <b>training phase</b> is <b>complete</b>. You will now be confronted with the same 4 cases, 
        however, for each case, you will go through <b>7 tables</b> instead of one. The tables involve <b>different probabilities</b> for Option A. 
        </p>

        <p>
            <u>Outcome selection note:</u> Please note that, contrary to the training part, the following <b>28 tables</b> are <b>taken into account 
            in the random selection of decisions</b> at the end of the experiment. 
        </p>
    </div>
</div>

<center>
                    
    <button class="blue-button">NEXT</button>
    
</center>
{% endblock %}