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

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

{% block scripts %}
<script>

        function ftrind() {
    document.getElementById('indif').style.display = "block";
}

function ftr1() {
    document.getElementById('indif').style.display = "none";
}


</script>
{% endblock %}

{% block content %}
<p class="text-justify">Imaginez que vous détenez 1000€. <br>
<strong>Indiquez quelle option vous préférez entre l'Option A et l'Option B. </strong></p>

 <table class="table" rules=null>
      <tbody>
        <tr>
          <th> <center> Option A </center> </th>
            <th> <center> Option B </center> </th>
        </tr>
      <tr>
          <td>vous tirez au hasard un jeton du sac pour lequel la répartition des jetons est indiquée ci-dessous</td>
          <td>vous tirez au hasard un jeton du sac pour lequel la répartition des jetons est indiquée ci-dessous</td>
      </tr>
        <tr>
           <td><center><img src="{% static "pilote_sept19/PRU/PRU_G.JPG" %}" width="490" height="450" /></center></td>
          <td><center><img src="{% static "pilote_sept19/PRU/PRU_D.JPG" %}"  width="490" height="450" /></center></td>
        </tr>
    </tbody>
    </table>

<p>
    <strong>Vous préférez : </strong><br>
<input type="radio" name="u111" value="g"  onclick="ftr1();" id="g">  Option A <br>
<input type="radio" name="u111" value="d" onclick="ftr1();"  id="d">  Option B <br>
<input type="radio" name="u111" value="ind" onclick="ftrind();" id="ind">  Vous êtes indifférent entre l’Option A et l’Option B <br>
</p>

{{ form.u111.errors }}

<div id="indif" style="display:none">
    <p>
Vous avez indiquez être indifférent entre l'Option A et l'Option B. Est-ce : <br>
    <input type="radio" name="indif_u111" value="1" id="1">  Vous n'avez pas compris : vous pouvez demander au responsable de session de venir vous
    expliquer <br>
<input type="radio" name="indif_u111" value="2"  id="2">  Vous êtes vraiment indifférent <br>
<input type="radio" name="indif_u111" value="3"  id="3">  Vous n'arrivez pas à faire un choix <br>
    </p>
</div>


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

{% endblock %}