{% 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, Personne A est placée aléatoirement dans un groupe avec <b>2
        autres participants</b>. Le regroupement est anonyme, ce qui signifie qu'aucun des participants
        ne saura 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 doit simultanément choisir entre deux actions possibles : <b>action X</b> ou <b>action Y</b>.
        Les actions que les individus choisissent détermineront combien d'argent ils recevront. Les paiements
        que les individus peuvent gagner sont déterminés comme suit :
        <ul>
            <li>Si au moins un membre du groupe sélectionne l'action X, tous les individus qui ont sélectionné l'action Y gagnent 10€, et tous les individus qui ont sélectionné l'action X gagnent 5€.</li>
            <li>Si aucun membre du groupe sélectionne l'action X, alors tous les individus du groupe gagnent 0 €.</li>
        </ul>
        Par exemple, si Personne A choisit l'action X, Personne A et tous les autres individus qui ont également choisi
        l'action X gagnent 5 €. En revanche, tous les individus qui ont choisi l'action Y gagnent 10 €.
        Notez que tous les individus qui choisissent l'action X gagneront 5 €, quel que soit le
        nombre d'individus du groupe qui choisissent l'action X.
        <br>
        <br>
        Si Personne A choisit l'action Y, Personne A et tous les individus qui ont choisi l'action Y gagnent 10 € si
        au moins un individu du groupe a choisi l'action X, et 0 € si aucun individu du groupe n'a choisi l'action X.
        <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>
    Les décisions des individus seront déterminées à l'aide d'une <b>urne</b>. Chaque individu recevra sa propre urne et devra
    la remplir avec un total de cinq boules, qui peuvent être vertes ou bleues. Chaque boule bleue représente une
    probabilité de 20 % de choisir X, et chaque boule verte représente une probabilité de 20 % de choisir Y. Si
    un individu veut choisir X à coup sûr, il doit mettre cinq boules bleues dans l'urne. Si un individu veut choisir
    Y à coup sûr, il doit mettre cinq boules vertes dans l'urne. Si un individu veut choisir X avec une certaine
    probabilité, il doit mettre des boules vertes et bleues dans l'urne. Une fois que tous les individus ont
    rempli leur urne, une boule est choisie au hasard dans chaque urne pour déterminer la décision de chaque
    individu. Si la boule choisie est bleue, l'individu choisira l'action X, et si la boule choisie est
    verte, l'individu choisira l'action Y.
        <br>
        <br>
        Avant d'évaluer les actions de Personne A, veuillez répondre aux questions de compréhension suivantes sur la page suivante.
        <br>
        <br>
        {% formfield player.VG3_01 %}
        {% formfield player.VG3_02 %}
        {% formfield player.VG3_03 %}
    </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 }}