{% extends "global/Page.html" %}
{% load otree %}
{% block scripts %}
<script>
  window.MathJax = {
    tex: { inlineMath: [['$', '$'], ['\\(', '\\)']] }
  };
</script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
{% endblock %}

{% block title %}
{% endblock %}

{% block content %}
<h3 style="margin-top: 0;">{% if is_session1 %} Partie 3 de l'expérience
{% else %}
Partie 4 de l'expérience
{% endif %}</h3>

<p>
Vous allez maintenant réaliser une nouvelle tâche de prédiction.
Si cette partie est tirée au sort pour le paiement, vous recevrez un bonus de participation égal à 6€.
Il est également possible d'obtenir 3€ supplémentaire selon la précision de vos réponses.
</p>

<p>
    Dans cette partie, toutes les informations proviennent d’un <strong>monde simulé</strong> où 100
personnes réalisent la même activité de résolution d’exercices.
</p>

<p>
    Chaque personne a un niveau de productivité différent d’une valeur allant de 1 à 100.
Cette valeur de productivité correspond au nombre d’exercices qu’une personne peut
résoudre par minute.
</p>

<p>
    Il y a exactement une personne à chaque niveau de productivité.
</p>

<p>
Le temps agit toujours de la même manière : plus une personne consacre de temps à
cette activité, plus elle résout d’exercices. Ainsi, la performance d’une personne, définie
comme le nombre total d’exercices qu’elle résout, est calculée de la façon suivante :
<strong>Performance = Productivité × Temps</strong>
</p>

<p>
Par exemple, si la productivité d’une personne est égale à 40 et que cette personne passe
10 minutes sur cette activité, sa performance finale est de 400.
</p>

<p>
Vous verrez deux personnes simulées, la Personne A et la Personne B.
</p>

<p>
    Toutes deux seront comparées à 9 autres personnes simulées qui ont passé 10 minutes
à résoudre des exercices. Il vous sera demandé d’estimer le classement de A et B en vous
basant sur les informations affichées à l’écran.
</p>

<p>
    Plus de détails vous seront présentés à la page suivante.
</p>

<p>
    Vous effectuerez cet exercice trois fois pour chaque personne :
    <ul>
    <li>une fois lorsqu’elle a travaillé pendant 5 minutes ;</li>
    <li>une fois lorsqu’elle a travaillé pendant 10 minutes ;</li>
    <li>une fois lorsqu’elle a travaillé pendant 15 minutes.</li>
    </ul>
</p>

<p>
Pour toutes les questions, il existe une seule réponse correcte. Cette réponse est
déterminée par les simulations effectuées par l’ordinateur.
</p>

<p>
    L’une de ces questions sera tirée au sort pour le paiement. Plus votre réponse à cette
question est proche du résultat simulé, plus vous augmentez vos chances d'obtenir les 3€ supplémentaires.
</p>

<p>
Si vous désirez plus de détails sur les règles de paiement concernant ce bonus de 3€, veuillez cliquer
<button type="button" class="btn btn-link p-0" data-bs-toggle="modal" data-bs-target="#paymentRulesModal">
    ici
</button>.
</p>

<div class="modal fade" id="paymentRulesModal" tabindex="-1" aria-labelledby="paymentRulesModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
    <div class="modal-content">

<div class="modal-header">
  <h5 class="modal-title" id="paymentRulesModalLabel">
    Détails du paiement
  </h5>
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
</div>

<div class="modal-body">

  <p>
    Pour la situation aléatoirement sélectionnée par l’ordinateur, un rang parmi 1 à 10 sera tiré au sort.
  </p>

  <p>
    L’événement considéré est alors&nbsp;:
    «&nbsp;le rang effectivement obtenu est exactement égal au rang tiré au sort&nbsp;».
  </p>

  <p>
    Pour déterminer le paiement du bonus de 3€, vous devez choisir votre option préférée entre l’Option A et l’Option B
      à chaque ligne du tableau ci-dessous. Une ligne sera ensuite tirée au hasard et votre paiement dépendra de
      votre choix pour cette ligne.
  </p>

  <p>
      Vous n’avez donc aucune raison de mentir : si une ligne est tirée au sort pour le paiement,
      vous recevrez l’option que vous préférez réellement.
  </p>
  <table class="table table-bordered table-sm text-center align-middle">
    <thead>
      <tr>
        <th>Ligne</th>
        <th>Option A</th>
        <th>Option B</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>0</td>
        <td>3€ si l’événement se réalise</td>
        <td>3€ avec 0% de chance</td>
      </tr>
      <tr>
        <td>1</td>
        <td>3€ si l’événement se réalise</td>
        <td>3€ avec 1% de chance</td>
      </tr>
      <tr>
        <td>2</td>
        <td>3€ si l’événement se réalise</td>
        <td>3€ avec 2% de chance</td>
      </tr>
      <tr>
        <td style="font-style: italic;">…</td>
        <td style="font-style: italic;">…</td>
        <td style="font-style: italic;">…</td>
      </tr>
      <tr>
        <td>98</td>
        <td>3€ si l’événement se réalise</td>
        <td>3€ avec 98% de chance</td>
      </tr>
      <tr>
        <td>99</td>
        <td>3€ si l’événement se réalise</td>
        <td>3€ avec 99% de chance</td>
      </tr>
      <tr>
        <td>100</td>
        <td>3€ si l’événement se réalise</td>
        <td>3€ avec 100% de chance</td>
      </tr>
    </tbody>
  </table>

  <p>
    Il est naturel que vous choisissiez l’Option A pour les premières lignes,
    puis qu’à partir d’une certaine ligne vous préfériez l’Option B.
    La ligne à laquelle vous changez d’option correspond à la probabilité à laquelle vous êtes indifférent
    entre les deux options&nbsp;: elle reflète votre estimation de la probabilité que l’événement se réalise.
  </p>

  <p>
    Pour simplifier, vous n’avez pas besoin de remplir tout le tableau.
    Il vous suffit d’indiquer directement la probabilité (entre 0% et 100%)
    qui correspond le mieux à votre estimation.
    L’ordinateur remplira alors le tableau automatiquement pour vous.
  </p>

  <p>
    Si vous indiquez honnêtement votre probabilité, vous obtiendrez toujours l’option que vous préférez,
    quelle que soit la ligne tirée au sort pour le paiement.
  </p>
</div>

<div class="modal-footer">
  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
    Fermer
  </button>
</div>


    </div>
  </div>
</div>

<p>
    Votre meilleure stratégie consiste simplement à appliquer le plus fidèlement possible les
informations fournies sur le monde simulé.
</p>

<div style="text-align:right;">
      {{ next_button }}
</div>

{% endblock %}