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

{# ****************************************************************************************************************** #}
{# *** STYLES *** #}
{# ****************************************************************************************************************** #}

{% block styles %}
<link href="{% static 'crainich_debrief/crainich_debrief_style.css' %}" rel="stylesheet">
{% endblock %}



{% block title %}

{% endblock %}

{% block content %}

   
<div class = "cadre">

    <div class= "question">
        Si vous avez arrêté avant les 20 minutes, pourriez-vous nous dire pourquoi ? (Si vous n'avez pas arrêté avant les 20 minutes
        vous pouvez ignorer cette question)
    </div>

    <div class="reponse">
        {% formfield player.WHY_STOP %}
    </div>

    <div class= "question">
        Avez-vous eu des difficultés à comprendre les instructions pour faire les différentes tâches ? Si oui quelle(s) tâche(s) ?
    </div>

    <div class="reponse">
        {% formfield player.DIFFICULT_UNDERSTANDING %}
    </div>


    <div class= "question">
        Qu'avez vous trouvé compliqué à comprendre dans les instructions ? (vous pouvez ignorer cette
        question si vous n'avez pas eu de difficulté)
    </div>

    <div class="reponse">
        {% formfield player.DIFFICULT_UNDERSTANDING_PRECISE %}
    </div>

    <div class= "question">
        Avez-vous utilisé une ou des stratégie(s) particulières pour compter les 7 dans les tableaux ?
    </div>

    <div class="reponse">
        {% formfield player.STRATEGY %}
    </div>

    <div class= "question">
        Si vous avez utilisé une autre stratégie, pouvez-vous préciser ? (Sinon vous pouvez ignorer cette question)
        </div>
    
    <div class="reponse">
        {% formfield player.STRATEGY_AUTRE %}
    </div>


    <div class= "question">
        Sur une échelle de 1 (pas du tout pénible) à 7 (extrêmement pénible) à quel point avez-vous trouvé la tâche consistant à compter les 7 <span style="color:red;"> pénible </span> ?
        </div>
    
    <div class="reponse">
        <center>
        {% formfield player.SCALE_PENIBLE %}
        </center>
        <table style="width:100%; border:0px solid black;">
            <tr>
                <td style="text-align:left; width: 50%;">
                    1 = pas du tout pénible
                </td>
                <td style="text-align:right; width: 50%;">
                    7 = Extrêmement pénible
                </td>
            </tr>
        </table>
    </div>


    <div class= "question">
        Sur une échelle de 1 (pas du tout difficile) à 7 (extrêmement difficile) à quel point avez-vous trouvé la tâche consistant à compter les 7 <span style="color:red;"> difficile </span> ?
    </div>
    
    <div class="reponse">
        <center>
        {% formfield player.SCALE_DIFFICILE %}
        </center>

        <table style="width:100%; border:0px solid black;">
            <tr>
                <td style="text-align:left; width: 50%;">
                    1 = pas du tout difficile
                </td>
                <td style="text-align:right; width: 50%;">
                    7 = Extrêmement difficile
                </td>
            </tr>
        </table>
    </div>


    <div class= "question">
        Vers quel tour avez vous éprouvé de réelles difficultés à compter les 7 (vous pouvez ignorer cette question si estimez ne pas avoir rencontré de difficultés) ?
        </div>
    
    <div class="reponse">
        {% formfield player.ROUND_DIFFICULT %}
    </div>


    

</div>

    <div class="boutton">
        <button class="suivant_btn"> SUIVANT </button>
    </div>



{% endblock %}