{% extends "global/Page.html" %} {% load otree static %} {% block styles %} {% endblock %} {% block scripts %} {% endblock %} {% block title %} {% endblock %} {% block content %}

<style>
    .otree-body {
        max-width:1350px;
         font-size: 23px;
    }
</style>

<div class="tab">
  <h2> <span style="font-size:28pt">Description de la situation</span> </h2>

    <p>
        Dans une étude menée au laboratoire économique, deux participants, Personne A et Personne B, sont appariés aléatoirement.
        L'appariement est anonyme, ce qui signifie que ni l'un ni l'autre participant ne connaîtra l'identité de l'autre participant avec qui il est apparié.
        <br>
        <br>
        Dans l'expérience, Personne A va faire un choix, l'expérimentateur va enregistrer ce choix. Puis,
        Personne A et Personne B seront informés du choix et seront payés en fonction du choix fait par Personne A. En outre, tous les deux
        recevront une petite prime de participation. Supposons que ni Personne A ni Personne B ne recevront aucune autre somme d'argent pour participer
        à l'expérience.
        <br>
        <br>
        L'expérience se compose de <b>deux étapes</b>. Dans la première étape,
        <b>tous les deux</b> Personne A et Personne B participent à une tâche pendant 30 minutes. Lorsque Personne A et Personne B participent à cette étape, ils ne savent pas de l'existence de la deuxième étape.
        <br>
        <br>
        Dans la tâche de la première étape, Personne A et Personne B sont présentées avec des tables contenant uniquement des 1 et des 0. <b>Personne A et Personne B doivent indiquer le nombre de zéros dans chaque table</b>. Personne A et Personne B feront leurs tâches séparément.
        Ils observeront chacun leur propre ensemble de tables avec des 1 et des 0, et fourniront leurs réponses en conséquence. Un exemple de table est fourni ci-dessous.
    </p>
         <div style="text-align: center;">
            <img src="https://i.imgur.com/QItetlG.png" width="700" height="350px" />
         </div>
        <br>
        Pour chaque tableau auquel la Personne A et la Personne B ont répondu correctement, ils gagnent <b>0.25€</b>.
        À la fin de cette tâche, Personne A a correctement indiqué le nombre de zéros dans <b>32 tables</b>.
        Par conséquent, <b>Personne A a gagné (32 x 0.25 =) 8€</b>. D'autre part, Personne B a correctement
        indiqué le nombre de zéros dans <b>8 tables</b>. Par conséquent, <b>Personne B a gagné (8 x 0.25 =) 2€</b>.
        <br>
        <br>
        Dans la deuxième étape, l'argent gagné par Personne A et Personne B est <b>regroupé ensemble</b>.
        Ensuite, <b>Personne A a la possibilité de donner n'importe quel montant des (8 + 2 =)10€ gagnés par les
        deux individus à Personne B</b>. C'est-à-dire, Personne A peut donner n'importe quel montant des 10€,
        par incréments de 1€, à Personne B. Par exemple, Personne A peut décider de donner 0€ à Personne B et de
        garder 10€ pour lui/elle-même. Ou Personne A peut décider de donner 10€ à Personne B et de garder 0€ pour
        lui/elle-même. Personne A peut également choisir de donner n'importe quel autre montant entre 0€ et 10€ à Personne B,
        par incréments de 1€. Ce choix déterminera combien d'argent chaque personne recevra, en privé et en espèces, à la fin
        de l'expérience.
        <br>
        <br>
        Vous pouvez trouver un aperçu des actions possibles et des gains correspondants ici :
        <br>
            <div style="text-align: center;">
             <img src="https://i.imgur.com/Eyu856b.png" width="1400px" height="350px" />
            </div>
        Avant d'évaluer les actions de la Personne A, répondez aux questions de compréhension suivantes :
        <br>
        <br>
        {% formfield player.KonowB1 %}
        {% formfield player.KonowB2 %}
    </p>
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp
        <button class="btn btn-primary">Suivant</button>
    </p>
    </div>


<script>

    let activeTab = 0;

    function showCurrentTabOnly() {
        let tabIndex = 0;
        for (let tab of document.getElementsByClassName('tab')) {
            tab.style.display = tabIndex === activeTab ? 'block' : 'none';
            tabIndex++;
        }
    }

    showCurrentTabOnly();
    for (let btn of document.getElementsByClassName('btn-tab')) {
        btn.onclick = function () {
            activeTab += parseInt(btn.dataset.offset);
            showCurrentTabOnly();
            scroll_Top()
        }
    }
    function scroll_Top() {
        window.scrollTo(0,0)
    }
</script>

{{ endblock }}