{% block content %}

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

<div class="tab">

    <p>
        Vous avez ci-dessous une liste des actions possibles disponibles pour Personne A. Pour chacune des actions,
        veuillez indiquer si vous pensez que choisir cette action est Très Inappropriée socialement, Inappropriée
        socialement, Plutôt Inappropriée socialement, Plutôt Appropriée socialement, Appropriée socialement
        ou Très Appropriée socialement. Rappelez-vous que vous gagnerez de l'argent dans cette tâche (7 €)
        si votre évaluation pour une action sélectionnée au hasard est la même que l'évaluation la plus
        courante fournie par les autres participants lors de la session d'aujourd'hui.
        <br>
        <br>
        Au cas où vous en auriez besoin, vous pouvez relire la description de la situation en cliquant sur le bouton Instructions situé en bas de la page.


    </p>

{% formfield player.PI_0 label="<span style='font-size:20px;'><b>Personne A place 10 € au Projet 1 et 0 € au Projet 2</b></span>"%}

{% formfield player.PI_2 label="<span style='font-size:20px;'><b>Personne A place 8 € au Projet 1 et 2 € au Projet 2</b></span>"%}

{% formfield player.PI_4 label="<span style='font-size:20px;'><b>Personne A place 6 € au Projet 1 et 4 € au Projet 2</b></span>"%}

{% formfield player.PI_6 label="<span style='font-size:20px;'><b>Personne A place 4 € au Projet 1 et 6 € au Projet 2</b></span>"%}

{% formfield player.PI_8 label="<span style='font-size:20px;'><b>Personne A place 2 € au Projet 1 et 8 € au Projet 2</b></span>"%}

{% formfield player.PI_10 label="<span style='font-size:20px;'><b>Personne A place 0 € au Projet 1 et 10 € au Projet 2</b></span>"%}

    <button type="button" class="btn btn-primary btn-tab" data-offset="1">Instructions</button>
    &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>
</div>


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

    <p>
        Dans une étude menée au laboratoire économique, Personne A est placée aléatoirement dans un
        groupe avec <b>3 autres participants</b>. Le regroupement est anonyme, ce qui signifie
        qu'aucun des participants ne connaîtra l'identité des autres participants avec lesquels il est regroupé.
        <br>
        <br>
        Dans l'expérience, tous les membres du groupe feront simultanément un choix.
        L'expérimentateur enregistrera ces choix. Ensuite, tous les individus seront
        informés des choix faits par les autres membres du groupe et recevront
        de l'argent en fonction de leurs choix. En outre, les membres du groupe
        recevront une petite prime de participation. Supposons qu'aucun des
        individus ne recevra aucune autre somme d’argent pour participer à l'expérience.
        <br>
        <br>
        Chaque membre du groupe reçoit 10 € et doit choisir comment diviser ses 10 €
        entre le <b>Projet 1</b> et le <b>Projet 2</b>. Chaque membre du groupe peut placer 0 €, 2 €, 4 €, 6 €, 8 € ou 10 €
        dans le Projet 1. Le reste est placé automatiquement dans le Projet 2. Les décisions
        prises par les individus du groupe détermineront combien d'argent ils recevront.
        Les paiements que les individus peuvent obtenir sont déterminés comme suit :
         <ul>
            <li>Chaque 1 € placé par un individu dans le Projet 1 génère un retour en espèces total de 1 € pour cet individu (et uniquement pour cet individu).</li>
            <li>Chaque 1€ placé par un individu dans le Projet 2 génère un retour en espèces total de 0.80€ qui est ensuite divisé également entre tous les membres du groupe.</li>
        </ul>
        Le <b>total des gains</b> pour chaque individu est calculé en ajoutant ses gains du Projet 1 à ses gains du Projet 2.
        Les gains de Personne A seraient le montant d'argent qu'elle place dans le Projet 1, plus
        la part des retours générés par tout l'argent que Personne A et les autres membres du groupe placent dans
        le Projet 2. Les individus prennent leurs décisions simultanément, et cette décision déterminera combien
        d'argent chaque individu recevra en privé et en espèces à la fin de l'expérience.
        <br>
        <br>
        Par exemple, Personne A pourrait placer 2 € dans le Projet 1 et 8 € dans le Projet 2. Cela
        donnerait à Personne A (2 € x 1) = 2 € du Projet 1 et (8 € x 0.80/4) = 1.60 € du Projet 2. Personne
        A pourrait également placer 8 € dans le Projet 1 et 2 € dans le Projet 2. Cela donnerait à Personne
        A (8 € x 1) = 8 € du Projet 1 et (2 € x 0.80/4) = 0.40 € du Projet 2. De plus, dans les deux cas,
        Personne A gagne (0.80 €/4) = 0.20 € pour chaque 1 € placé dans le Projet 2 par les autres membres du groupe.
        <br>
        <br>
        Comme les décisions sont prises simultanément, Personne A ne connaît pas les décisions
        des autres membres et les autres membres du groupe ne connaissent pas les décisions
        de Personne A ni des autres membres du groupe.
        <br>
        <br>
    </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 &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        <button type="button" class="btn btn-primary btn-tab" data-offset="-1">Retour</button>
    </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 %}