{% 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, la 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 jamais l'identité des autres participants avec lesquels il ou elle est regroupé.
        <br>
        <br>
        Dans l'expérience, tous les membres du groupe feront simultanément un choix et l'expérimentateur enregistrera
        ce choix. Ensuite, toutes les personnes seront informées des choix faits par les autres membres du groupe et
        seront payées en fonction des choix faits par les individus du groupe, ainsi qu'une petite prime
        de participation. Supposons qu'aucun des individus ne recevra d'autre 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 ne sélectionne l'action X, tous les individus du groupe gagnent 0€.</li>
        </ul>
        Comme les décisions sont prises simultanément, la Personne A ne connaît pas les décisions des autres membres du groupe.
        Les autres membres du groupe ne connaissent pas la décision de la Personne A, ni les décisions des autres individus.
        <br>
        <br>
        Par exemple, si la Personne A sélectionne l'action X, la Personne A et tous les autres individus qui ont également
        sélectionné l'action X gagnent 5€. D'un autre côté, tous les individus qui ont sélectionné l'action Y gagnent
        10€. Si la Personne A sélectionne l'action Y, la Personne A et tous les individus qui ont sélectionné l'action
        Y gagnent 10€ si au moins un individu dans le groupe a sélectionné l'action X, et 0€ si personne dans le groupe
        n'a sélectionné l'action X. Notez que les individus qui sélectionnent l'action X gagneront toujours 5€,
        indépendamment du nombre d'autres individus dans le groupe qui ont également sélectionné l'action X.
        <br>
        <br>
        Les décisions des individus seront prises à l'aide d'une <b>urne</b>.
        Chacun disposera d'une urne personnelle. Chacun devra remplir son urne avec un total de cinq billes (qui peuvent être vertes ou bleues).
        Une bille bleue représente le choix de l'action X, et une bille verte représente le choix de l'action Y.
        Les billes déterminent les choix des individus. Si un individu souhaite choisir X, il doit mettre cinq billes bleues dans l'urne.
        Si un individu souhaite choisir Y, il doit mettre cinq billes vertes dans l'urne.
        Cependant, si un individu souhaite choisir X avec une certaine probabilité, il doit mettre des billes vertes et bleues dans l'urne.
        Chacune des billes bleues représente une probabilité de 20% de choisir X, et chacune des billes vertes représente une probabilité de 20% de choisir Y.
        <br>
        <br>
        Par exemple, si la Personne A met deux billes bleues et trois billes vertes dans l'urne, il choisira X avec une probabilité de 40% et Y avec une probabilité de 60%.
        Une fois que tous les individus auront fini de mettre les billes dans leurs urnes, une bille de chaque urne sera sélectionnée au hasard pour déterminer la décision de chaque individu.
        <br>
        <br>
        Avant d'évaluer les actions de la 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 }}