{% 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/RA/RAG.JPG" %}" width="470" height="200" /></center></td>
          <td><center><img src="{% static "pilote_sept19/RA/RAD.JPG" %}"  width="470" height="200" /></center></td>
        </tr>
</tbody>
    </table>

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

{{ form.ra.errors }}


<div id="indif" style="display:none">
Vous avez indiquez être indifférent entre l'Option A et l'Option B. Est-ce : <br>
    <input type="radio" name="indif_ra" 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_ra" value="2"  id="2">  Vous êtes vraiment indifférent <br>
<input type="radio" name="indif_ra" value="3"  id="3">  Vous n'arrivez pas à faire un choix <br>
</div>

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

{% endblock %}