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

{# ****************************************************************************************************************** #}
{# *** STYLES *** #}
{# ****************************************************************************************************************** #}
{% block styles %}
    <link href="{% static 'prev2/prev2_instr_style.css' %}" rel="stylesheet">
{% endblock %}

{% block head_title %}
	FL02
{% endblock %}

{% block title %}
{% endblock %}

{% block content %}


{# ****************************************************************************************************************** #}
{# *** CONSIGNE *** #}
{# ****************************************************************************************************************** #}

{# *** CONSIGNE EN FONCTION DES CONDITIONS *** #}

<div style="font-size: 25px; color: red; text-align : center;">
    {% if player.CONDITION == 'risk_perte' or player.CONDITION == 'amb_perte' %}
    
    Vous avez une dotation de :  
    {% if player.HIGH == 0 %}
    20€
    {% else %}
    200€
    {% endif %}
    
    {% endif %}
    </div>

{# *** RISK GAIN CONSIGNE *** #}
{% if player.CONDITION == "RISK_GAIN" %}
    <center>
        <img src="{% static 'prev2/urn_risk.jpg' %}" height=40% width=40% /> 
    </center>
    <br>

<div class="titre_situations">
    <div class="space">
        L'urne contient 100 boules. <strong style="color:red;">Les boules sont numérotés de 1 à 100. Il y 
        exactement une boule pour chaque numero dans l'urne. 
        Autrement dit, il y a une boule avec le numéro 1, une boule avec le numéro 2, une boule avec le
        numéro 3, etc... jusqu'à 100.</strong>
    </div>
    
    <div class="space">
        Les options ci-dessous spécifique ce que vous pouvez gagner 
        en fonction de la boule tirée dans l'urne.
    </div>

{# *** RISK LOSS CONSIGNE *** #}
{% elif player.CONDITION == "RISK_LOSS" %}
    <center>
        <img src="{% static 'prev2/urn_risk.jpg' %}" height=40% width=40% /> 
    </center>
    <br>

<div class="titre_situations">
    <div class="space">
        L'urne contient 100 boules. <strong style="color:red;">Les boules sont numérotés de 1 à 100. Il y 
        exactement une boule pour chaque numero dans l'urne. 
        Autrement dit, il y a une boule avec le numéro 1, une boule avec le numéro 2, une boule avec le
         numéro 3, etc... jusqu'à 100.</strong>
    </div>
    
    <div class="space">
        Les options ci-dessous spécifique ce que vous pouvez perdre 
        en fonction de la boule tirée dans l'urne.
    </div>

{# *** AMBIGUITY GAIN CONSIGNE *** #}
{% elif player.CONDITION == "AMBIGUITY_GAIN" %}
    <center>
        <img src="{% static 'prev2/urn_amb.png' %}" height=40% width=40% /> 
    </center>
    <br>

<div class="titre_situations">
    <div class="space">
        L'urne contient 100 boules. <strong style="color:red;">Les boules sont numérotés de 1 à 100. Toutefois, 
            vous ne savez pas combien de boules ont le même nombre. Autrement, chaque boule peut avoir un nombre 
            entre 1 et 100. </strong>
    </div>

    <div class="space">
        Les options ci-dessous spécifique ce que vous pouvez gagner 
        en fonction de la boule tirée dans l'urne.
    </div>
        

{# *** AMBIGUITY LOSS CONSIGNE *** #}
{% elif player.CONDITION == "AMBIGUITY_LOSS" %}
    <center>
        <img src="{% static 'prev2/urn_amb.png' %}" height=40% width=40% /> 
    </center>
    <br>

<div class="titre_situations">
    <div class="space">
        L'urne contient 100 boules. <strong style="color:red;">Les boules sont numérotés de 1 à 100. Toutefois, 
            vous ne savez pas combien de boules ont le même nombre. Autrement, chaque boule peut avoir un nombre 
            entre 1 et 100. </strong>
    </div>

    <div class="space">
        Les options ci-dessous spécifique ce que vous pouvez perdre 
        en fonction de la boule tirée dans l'urne.
    </div>

{% endif %}

{# *** CONSIGNE COMMUNE A TOUTES LES CONDITIONS *** #}
    <div class="space" style="font-weight: bold;">
        RAPPEL: vous devez choisir l'option A ou l'option B
        pour chaque ligne du tableau. Chaque ligne
        est une situation de choix. 
    </div>

</div>
<br>



{# ****************************************************************************************************************** #}
{# *** MPL *** #}
{# ****************************************************************************************************************** #}

{# *** COMMUN A TOUTES LES CONDITIONS *** #}
<table>
    <table class="MPL">
        <tr>
            <td class="col_name" style="color:black;">
               Ligne
            </td>
            <td class="col_name">
                OPTION A
            </td>
            <td class="col_name">
                je préfère l'option A
            </td>
            <td class="col_name">
                je préfère l'option B
            </td>
            <td class="col_name">
                OPTION B
            </td>
            
        </tr>
    

{# *** FOR LOOP MPL *** #}
    {% for X1_B, X2_B, nb_choix, CHOIX in participant.vars.ZIP_LOT %}
    <tr>
        <td>
           {{ nb_choix }}
        </td>

{# *** LOTERIE A *** #}
        <td>
            {# *** LOTERIE A GAIN *** #}
            {% if player.GAIN == 1 %}

                {% if player.P1 > 1 and player.P1 < 99 %}
                    Boules numérotées entre <strong> 1 et {{ player.P1 }}  </strong> :
                    <strong class="color_outcome"> {{ player.X1|stringformat:".1f" }}€ </strong><br>          
                    Boules numérotées entre <strong>{{ player.P1|add:1 }} et 100 : </strong> <strong class="color_outcome"> 
                    {{ player.X2|stringformat:".1f" }}€ </strong>

                {% elif player.P1 == 1 %}
                    <strong> Boule avec le nombre 1 : </strong>:
                    <strong class="color_outcome"> {{ player.X1|stringformat:".1f" }}€ </strong><br>          
                    Boules numérotées entre <strong>{{ player.P1|add:1 }} et 100 : </strong> <strong class="color_outcome"> 
                    {{ player.X2|stringformat:".1f" }}€ </strong>
                
                {% elif player.P1 == 0 %}
                    Boules numérotées entre  <strong> {{ player.P1|add:1 }} et 100:</strong> <strong class="color_outcome"> 
                        {{ player.X2|stringformat:".1f" }}€ </strong>

                {% elif player.P1 == 99 %}
                    Boules numérotées entre  <strong>  1 and {{ player.P1 }}: </strong> <strong class="color_outcome"> 
                        {{ player.X1|stringformat:".1f" }}€  </strong>
                    <strong> Boules numérotées entre  {{ player.P1|add:1 }}: </strong> <strong class="color_outcome"> 
                        {{ player.X2|stringformat:".1f" }}€ </strong>

                {% elif player.P1 == 100 %}
                    Boules numérotées entre <strong> 1 and {{ player.P1 }}: <strong class="color_outcome"> 
                        {{ player.X1|stringformat:".1f" }}€  </strong>

                {% endif %}
            
            {# *** LOTERIE A LOSS *** #}
            {% elif player.GAIN == 0 %}

                {% if player.P1 > 1 and player.P1 < 99 %}
                    Boules numérotées entre <strong> 1 et {{ player.P1 }}  </strong> :
                    <strong class="color_outcome"> {{ player.X1|stringformat:".1f" }}€ </strong><br>          
                    Boules numérotées entre <strong>{{ player.P1|add:1 }} et 100 : </strong> <strong class="color_outcome"> 
                    {{ player.X2|stringformat:".1f" }}€ </strong>

                {% elif player.P1 == 1 %}
                    <strong> Boule avec le nombre 1 : </strong>:
                    <strong class="color_outcome"> {{ player.X1|stringformat:".1f" }}€ </strong><br>          
                    Boules numérotées entre <strong>{{ player.P1|add:1 }} et 100 : </strong> <strong class="color_outcome"> 
                    {{ player.X2|stringformat:".1f" }}€ </strong>
                
                {% elif player.P1 == 0 %}
                    Boules numérotées entre  <strong> {{ player.P1|add:1 }} et 100:</strong> <strong class="color_outcome"> 
                        {{ player.X2|stringformat:".1f" }}€ </strong>

                {% elif player.P1 == 99 %}
                    Boules numérotées entre  <strong>  1 and {{ player.P1 }}: </strong> <strong class="color_outcome"> 
                        {{ player.X1|stringformat:".1f" }}€  </strong>
                    <strong> Boules numérotées entre  {{ player.P1|add:1 }}: </strong> <strong class="color_outcome"> 
                        {{ player.X2|stringformat:".1f" }}€ </strong>

                {% elif player.P1 == 100 %}
                    Boules numérotées entre <strong> 1 and {{ player.P1 }}: <strong class="color_outcome"> 
                        {{ player.X1|stringformat:".1f" }}€  </strong>

                {% endif %}

            {% endif %}
        </td>

{# *** CHOIX *** #}
        <td class="choose">
            <input type="radio" name="{{ CHOIX }}" value="A" /> 
        </td>
        <td class="choose">
            <input type="radio" name="{{ CHOIX }}" value="B" /> 
        </td>

{# *** LOTERIE B *** #}
        <td>
            {# *** LOTERIE B GAIN *** #}
            {% if player.GAIN == 1 %}
                {% if player.P1_B > 1 and player.P1 < 99 %}
                    Boules numérotées entre <strong> 1 et {{ player.P1_B }}  </strong> :
                    <strong class="color_outcome"> {{ X1_B|stringformat:".1f" }}€ </strong><br>          
                    Boules numérotées entre <strong>{{ player.P1_B|add:1 }} et 100 : </strong> <strong class="color_outcome"> 
                    {{ X2_B|stringformat:".1f" }}€ </strong>

                {% elif player.P1_B == 1 %}
                    <strong> Boule avec le nombre 1 : </strong>:
                    <strong class="color_outcome"> {{ X1_B|stringformat:".1f" }}€ </strong><br>          
                    Boules numérotées entre <strong>{{ player.P1_B|add:1 }} et 100 : </strong> <strong class="color_outcome"> 
                    {{ X2_B|stringformat:".1f" }}€ </strong>
                
                {% elif player.P1_B == 0 %}
                    Boules numérotées entre  <strong> {{ player.P1_B|add:1 }} et 100:</strong> <strong class="color_outcome"> 
                        {{ X2_B|stringformat:".1f" }}€ </strong>

                {% elif player.P1_B == 99 %}
                    Boules numérotées entre  <strong>  1 and {{ player.P1_B }}: </strong> <strong class="color_outcome"> 
                        {{ X1_B|stringformat:".1f" }}€  </strong>
                    <strong> Boules numérotées entre  {{ player.P1_B|add:1 }}: </strong> <strong class="color_outcome"> 
                        {{ X2_B|stringformat:".1f" }}€ </strong>

                {% elif player.P1_B == 100 %}
                    Boules numérotées entre <strong> 1 and {{ player.P1_B }}: <strong class="color_outcome"> 
                        {{ X1_B|stringformat:".1f" }}€  </strong>

                {% endif %}

            {# *** LOTERIE B LOSS *** #}
            {% elif player.GAIN == 0 %}

                {% if player.P1_B > 1 and player.P1 < 99 %}
                    Boules numérotées entre <strong> 1 et {{ player.P1_B }}  </strong> :
                    <strong class="color_outcome"> {{ X1_B|stringformat:".1f" }}€ </strong><br>          
                    Boules numérotées entre <strong>{{ player.P1_B|add:1 }} et 100 : </strong> <strong class="color_outcome"> 
                    {{ X2_B|stringformat:".1f" }}€ </strong>

                {% elif player.P1_B == 1 %}
                    <strong> Boule avec le nombre 1 : </strong>:
                    <strong class="color_outcome"> {{ X1_B|stringformat:".1f" }}€ </strong><br>          
                    Boules numérotées entre <strong>{{ player.P1_B|add:1 }} et 100 : </strong> <strong class="color_outcome"> 
                    {{ X2_B|stringformat:".1f" }}€ </strong>
                
                {% elif player.P1_B == 0 %}
                    Boules numérotées entre  <strong> {{ player.P1_B|add:1 }} et 100:</strong> <strong class="color_outcome"> 
                        {{ X2_B|stringformat:".1f" }}€ </strong>

                {% elif player.P1_B == 99 %}
                    Boules numérotées entre  <strong>  1 and {{ player.P1_B }}: </strong> <strong class="color_outcome"> 
                        {{ X1_B|stringformat:".1f" }}€  </strong>
                    <strong> Boules numérotées entre  {{ player.P1_B|add:1 }}: </strong> <strong class="color_outcome"> 
                        {{ X2_B|stringformat:".1f" }}€ </strong>

                {% elif player.P1_B == 100 %}
                    Boules numérotées entre <strong> 1 and {{ player.P1_B }}: <strong class="color_outcome"> 
                        {{ X1_B|stringformat:".1f" }}€  </strong>

                {% endif %}

            {% endif %}

        </td>
    <tr style="width:100%; border:3px solid black">

    {% endfor %}

    <table>


{# *** VALIDATION ET SUIVANT *** #}
        <div class="boutton">
            <button class="suivant_btn"> SUIVANT </button>
        </div>

{% endblock %}