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

{% block styles %}
<style>
    #selected_2 {
background-color: #efe341;
            }

.table1 {
      border: 1px solid grey;
    text-align: center;
    width: 60%;
    alignment: center;
}


        .td1 {
        border: 1px solid grey;
width: 15em;
height: 4em;
}

 .td2{
     width: 22em;
 }

</style>

{% endblock %}

{% block title %}
    {% if french == 1 %}
    Tâche {{ task_num }}/9
    {% if rep_num == 2 %} - second choix {% endif %}
    {% else %}
    Task {{ task_num }}/9
    {% if rep_num == 2 %} - second choice {% endif %}
    {% endif %}
{% endblock %}

{% block content %}

    {% if french == 1 %}

<p> Quelle option choisissez-vous ?
    Rappelez-vous que les joueurs oranges décident s'ils vous donnent la récompense de 1000 centimes ou si elle est donnée à un joueur bleu choisi au hasard.
    Avant de faire ce choix, ils sont informés de ce qui suit.

     <ul>
  <li>Le choix que vous avez fait.</li>
    {% if treatment == 'NOB' %}
        <li> Les joueurs orange prennent leur décision de bonus avant le tour de la roue de la fortune. </li>
         {% else %}
 <li>Le gain généré par votre choix, compte tenu du tour de la roue de la fortune.</li>
   <li>Le gain généré par l'autre option, compte tenu du tour de la roue de la fortune.</li>
     {% endif %}
</ul>

    {% if 1 == 3 %}
    {% if treatment == 'NOB' %}
    Les joueurs oranges prennent cette décision en fonction de votre choix, avant d'observer le résultat de la roue de la fortune.
    {% else %}
    Les joueurs oranges prennent cette décision en fonction de votre choix, et le résultat de la roue de la fortune.
    {% endif %}
 {% endif %}

</p>

    {% else %}


<p> Which option do you choose? Remember that the orange players decide whether to give a reward of
    1000 cents to you or a randomly chosen blue player. Before they make this decision, they are informed about the following: <br>

     <ul>
  <li>The choice you made.  </li>
     {% if treatment == 'NOB' %}
    <li> The orange players are not informed about the payoff you generated for them before they make this choice. </li>
         {% else %}
  <li>The payoff your choice generated, given the turn of the wheel of fortune.</li>
  <li>The payoff the other option generated, given the turn of the wheel of fortune.</li>
     {% endif %}
</ul>
</p>

    {% endif %}


  <table class="table1">
        <tr>
        <td class="td1">
        </td>
            {% for ff, ft, p, c in fields %}
                 <td class="td1" align="center">
                     {% if french == 0 %} Fields {% else %} Champs {% endif %} {{ ff }}-{{ ft }}
                    <br>
                    ({{ p }}%)
                </td>
            {% endfor %}
    </tr>
    <tr>
        <td class="td1">

         <input type="radio" id="A" name="choice_s" value={{ option_a }} >
        <label for="A">Option A </label><br>

        </td>
            {% for o, ff in oo_1 %}
                <td class="td1" align="center">
                {{ o }}
                </td>
            {% endfor %}
    </tr>
        <tr>
        <td>

        <input type="radio" id="B" name="choice_s" value={{ option_b }} >
        <label for="B">Option B </label><br>

        </td>
            {% for o,ff in oo_2 %}
                <td class="td1">
                {{ o }}
                </td>
            {% endfor %}
    </tr>
    </table>
         {{ formfield_errors 'choice_s' }}

<br>


    {% next_button %}
{% endblock %}