{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Partie 2
{% endblock %}

{% block scripts %}
<script>

</script>
{% endblock %}

{% block content %}
<p class="text-justify">Vous devez effectuer un choix entre deux urnes (gauche ou droite) pour <strong>chaque ligne</strong> du tableau ci-dessous.
    Vous devez donc prendre 10 décisions.</p>

<p class="text-justify"> <strong>Chaque urne contient 10 boules, parmi lesquelles 1 sera tirée au sort.</strong>
Chaque boule représente une perte d'argent dont le montant dépend de la couleur de la boule. <br>
    <strong>
 Pour les urnes de gauche, les boules vertes correspondent à une perte de 320€ et les boules bleues à une perte de 480€. <br>
Pour les urnes de droite, les boules jaunes correspondent à une perte de 720€ et les boules marrons à une perte de 80€.
   </strong> <br>
    Pour chaque urne, la probabilité de perdre un montant donné dépend donc du nombre de boules de chaque couleur.
</p>

<p class="text-justify">Imaginez qu’une fois les 10 décisions prises, l’une d’entre elles sera tirée au hasard. Vous n’aurez à subir que les
    conséquences de cette décision : vous perdrez le montant indiqué sur la boule tirée au hasard dans l’urne choisie.</p>

<p class="text-justify" style="border: 2px double black;">
   <strong> <u> Exemple :</u> </strong> <br>
<u>Première ligne du tableau - Urne de gauche : </u>  <br>
L’urne est remplie de 10 boules bleues (-480€). La probabilité de tirer une boule bleue est donc de 100% et celle de
    tirer une boule verte est de 0%. Autrement dit, il y a une probabilité de 100% de perdre 480€ et une probabilité de 0% de perdre 320€.
    Vous perdez donc 480€ avec certitude si vous choisissez cette option.  <br>
<u> Première ligne du tableau - Urne de droite : </u> <br>
L’urne est remplie de 10 boules jaunes (-720€). La probabilité de tirer une boule jaune est donc de 100% et celle de tirer
    une boule marron est de 0%. Autrement dit, il y a une probabilité de 100% de perdre 720€ et une probabilité de 0% de perdre 80€.
    Vous perdez donc 720 euros avec certitude si vous choisissez cette option.  <br><br>
    Vous devez choisir entre l'urne de gauche et l'urne de droite. <br>
    Si vous choisissez l'urne de gauche et si cette décision est tirée au hasard parmi les 10 décisions, une boule sera tirée au hasard
    dans l'urne de gauche. Vous perdrez 480€.
</p>


<p class="text-justify"> <strong> Pour chaque ligne vous devez indiquer si vous préférez l'urne de gauche ou celle de droite. </strong> <br>
    Vous remarquerez que les
    montants des pertes ne changent pas, uniquement les probabilités associées à chaque perte (puisque le nombre de
    boules de chaque couleur change à chaque ligne).</p>

 <table class="table">
      <thead>
        <tr>
          <th> <center> Gauche</center> </th>
            <th> </th>
            <th> </th>
            <th> <center> Droite </center> </th>
        </tr>
      </thead>
      <tbody>
        <tr>
           <td><img src="{% static "essai_05_02/RA/ligneG1.png" %}" width="450" height="45" /></td>
            <td> <input type="radio" name="ra1" value="g" id="g1">  </td>
            <td>  <input type="radio" name="ra1" value="d" onclick="fra1();" id="d1">   </td>
          <td><img src="{% static "essai_05_02/RA/ligneD1.png" %}"  width="450" height="45" /></td>
        </tr>
      <tr>
           <td><img src="{% static "essai_05_02/RA/ligneG2.png" %}" width="450" height="45" /></td>
            <td> <input type="radio" name="ra2" value="g" id="g2">  </td>
            <td>  <input type="radio" name="ra2" value="d" onclick="fra2();" id="d2">   </td>
          <td><img src="{% static "essai_05_02/RA/ligneD2.png" %}"  width="450" height="45" /></td>
        </tr>
      <tr>
           <td><img src="{% static "essai_05_02/RA/ligneG3.png" %}" width="450" height="45" /></td>
            <td> <input type="radio" name="ra3" value="g" id="g3">  </td>
            <td>  <input type="radio" name="ra3" value="d" onclick="fra3();" id="d3">   </td>
          <td><img src="{% static "essai_05_02/RA/ligneD3.png" %}"  width="450" height="45" /></td>
        </tr>
      <tr>
           <td><img src="{% static "essai_05_02/RA/ligneG4.png" %}" width="450" height="45" /></td>
            <td> <input type="radio" name="ra4" value="g" id="g4">  </td>
            <td>  <input type="radio" name="ra4" value="d" onclick="fra4();" id="d4">   </td>
          <td><img src="{% static "essai_05_02/RA/ligneD4.png" %}"  width="450" height="45" /></td>
        </tr>
      <tr>
           <td><img src="{% static "essai_05_02/RA/ligneG5.png" %}" width="450" height="45" /></td>
            <td> <input type="radio" name="ra5" value="g" id="g5">  </td>
            <td>  <input type="radio" name="ra5" value="d" onclick="fra5();" id="d5">   </td>
          <td><img src="{% static "essai_05_02/RA/ligneD5.png" %}"  width="450" height="45" /></td>
        </tr>
      <tr>
           <td><img src="{% static "essai_05_02/RA/ligneG6.png" %}" width="450" height="45" /></td>
            <td> <input type="radio" name="ra6" value="g" id="g6">  </td>
            <td>  <input type="radio" name="ra6" value="d" onclick="fra6();" id="d6">   </td>
          <td><img src="{% static "essai_05_02/RA/ligneD6.png" %}"  width="450" height="45" /></td>
        </tr>
      <tr>
           <td><img src="{% static "essai_05_02/RA/ligneG7.png" %}" width="450" height="45" /></td>
            <td> <input type="radio" name="ra7" value="g" id="g7">  </td>
            <td>  <input type="radio" name="ra7" value="d" onclick="fra7();" id="d7">   </td>
          <td><img src="{% static "essai_05_02/RA/ligneD7.png" %}"  width="450" height="45" /></td>
        </tr>
      <tr>
           <td><img src="{% static "essai_05_02/RA/ligneG8.png" %}" width="450" height="45" /></td>
            <td> <input type="radio" name="ra8" value="g" id="g8">  </td>
            <td>  <input type="radio" name="ra8" value="d" onclick="fra8();" id="d8">   </td>
          <td><img src="{% static "essai_05_02/RA/ligneD8.png" %}"  width="450" height="45" /></td>
        </tr>
      <tr>
           <td><img src="{% static "essai_05_02/RA/ligneG9.png" %}" width="450" height="45" /></td>
            <td> <input type="radio" name="ra9" value="g" id="g9">  </td>
            <td>  <input type="radio" name="ra9" value="d" onclick="fra9();" id="d9">   </td>
          <td><img src="{% static "essai_05_02/RA/ligneD9.png" %}"  width="450" height="45" /></td>
        </tr>
      </tbody>
     <tr>
           <td><img src="{% static "essai_05_02/RA/ligneG10.png" %}" width="450" height="45" /></td>
            <td> <input type="radio" name="ra10" value="g" id="g10">  </td>
            <td>  <input type="radio" name="ra10" value="d" onclick="fra10();" id="d10">   </td>
          <td><img src="{% static "essai_05_02/RA/ligneD10.png" %}"  width="450" height="45" /></td>
        </tr>
    </table>


{{ form.ra1.errors }}
{{ form.ra2.errors }}
{{ form.ra3.errors }}
{{ form.ra4.errors }}
{{ form.ra5.errors }}
{{ form.ra6.errors }}
{{ form.ra7.errors }}
{{ form.ra8.errors }}
{{ form.ra9.errors }}
{{ form.ra10.errors }}

<p> Une fois que vous avez fait les dix choix, cliquez sur le bouton "Suivant". </p>
    {% next_button %}

{% endblock %}