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


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


{# ****************************************************************************************************************** #}
{# *** SCRIPTS *** #}
{# ****************************************************************************************************************** #}
{% block scripts %}
    {% if Constants.small_pies == True%}
        <script>
            num_choices = {{ Constants.num_choices|json }};
            lottery_a_hi = "{{ lottery_a_hi }}";
            lottery_a_lo = "{{ lottery_a_lo }}";
            lottery_b_hi = "{{ lottery_b_hi }}";
            lottery_b_lo = "{{ lottery_b_lo }}";

            percentage = "{{ Constants.percentage }}";
        </script>
        <script src="https://code.highcharts.com/highcharts.js"></script>
        <script src="{% static 'mpl/js/pie_charts.js' %}"></script>
    {% endif %}
{% endblock %}


{# ****************************************************************************************************************** #}
{# *** TITLE *** #}
{# ****************************************************************************************************************** #}
{% block title %}
    {% trans "Résultats" %}
{% endblock %}


{# ****************************************************************************************************************** #}
{# *** CONTENT *** #}
{# ****************************************************************************************************************** #}
{% block content %}
    <div class="wrapper instructions">
        Le tour {{ participant.paid_round }} a été aléatoirement sélectionné pour votre paiement.
        Pendant ce tour, vous aviez gagné {{ payoff_os }} point(s). Vous recevez donc <b> {{ participant.os_payoff }}</b>
        </div>



    <div class="wrapper instructions">
            {% blocktrans trimmed %}
                La décision suivante a été sélectionnée pour votre paiement :
            {% endblocktrans %}
        <br>
        <br/>


        <!-- ------------------------------------------------------------------------------------------------------- -->
        <!-- Choice To Pay: Choice List -->
        <!-- ------------------------------------------------------------------------------------------------------- -->

            <table class="table table-striped">
                <thead>
                    <tr class="header">
                        <th class="lottery-a">{% trans "Option A" %}</th>
                        <th class="formfield"></th>
                        <th class="lottery-b">{% trans "Option B" %}</th>
                    </tr>
                </thead>

                <tbody>
                    {% for i,f,p in choice_to_pay %}
                        <tr>

                            <!-- A lotteries -->
                            <td class="lottery-a">
                                {{ lottery_a_hi }} {% trans "avec une probabilité de " %}{{ p }},<br/>
                                {{ lottery_a_lo }} {% trans "sinon" %}
                            </td>

                            <!-- radio select form fields -->
                            <td class="formfield">
                                {% if option_to_pay == 'A' %}
                                    <div class="controls">
                                        <input type="radio" style="pointer-events: none;" checked="checked">
                                        <input type="radio" style="pointer-events: none;">
                                    </div>
                                {% elif option_to_pay == 'B' %}
                                    <div class="controls">
                                        <input type="radio" style="pointer-events: none;">
                                        <input type="radio" style="pointer-events: none;" checked="checked">
                                    </div>
                                {% endif %}
                            </td>

                            <!-- B lotteries -->
                            <td class="lottery-b">
                                {{ lottery_b_hi }} {% trans "avec une probabilité de " %}{{ p }},<br/>
                                {{ lottery_b_lo }} {% trans "sinon" %}
                            </td>

                        </tr>
                    {% endfor %}
                </tbody>
            </table>

    <br/>

        <!-- ------------------------------------------------------------------------------------------------------- -->
        <!-- payoff information -->
        <!-- ------------------------------------------------------------------------------------------------------- -->
            <p>
                {% blocktrans trimmed with option_to_pay=option_to_pay %}
                Comme indiqué ci-dessus, vous aviez choisi l'option {{ option_to_pay }} pour cette décision.
                Pour l'option choisie, une des deux issues possibles a été sélectionnée aléatoirement,
                en fonction des probabilités correspondantes.
                {% endblocktrans %}
            </p>
            <p>
                {% blocktrans trimmed with payoff=payoff %}
                    Votre gain pour cette tâche est égal à : <b>{{ participant.mpl_payoff }}</b>.
                {% endblocktrans %}
            </p>
        </div>


    <div class="wrapper instructions">
        Au total, vous avez donc remporté {{ player.payoff }}. <br>
        En ajoutant 5€ pour votre participation, vous gagnez <b> {{ participant.payoff_plus_participation_fee }}. </b>
        <br><br><br> <center> Félicitations et merci pour votre participation ! </center>
        </div>



{% endblock %}