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



{# *** STYLES *** #}

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



{# *** TITLE *** #}

{% block title %}
    {% trans "Results" %}
{% endblock %}



{# *** CONTENT *** #}

{% block content %}

    <div class="wrapper">

        <div class="card info">
            {% blocktrans trimmed %}
                The following decision was randomly chosen for your sequence of binary choices:
            {% endblocktrans %}
        </div>
        <br/>

        <!-- ------------------------------------------------------------------------------------------------------- -->
        <!-- Table - Decision -->
        <!-- ------------------------------------------------------------------------------------------------------- -->
        <div class="card">
            <div class="card-header">
                {% blocktrans trimmed %}
                    Your choice:
                {% endblocktrans %}
            </div>
            <table class="table">
                <tr>

                    <th>{% trans "Option A:" %}</th>
                    <td>
                        {% with hi=hi lo=lo p_hi=p_hi p_lo=p_lo %}
                            {% blocktrans trimmed %}
                                a {{ p_hi }} chance of winning {{ hi_B }} and <br/>
                                a {{ p_lo }} chance of winning {{ lo_B }}
                            {% endblocktrans %}
                        {% endwith %}
                    </td>
                    <td>
                        {% if Constants.buttons == True %}
                            {% if option_to_pay_B == 'A' %}
                                <button class="btn btn-success choice" disabled>
                                    {% trans "Option A" %}
                                </button>
                            {% else %}
                                <button class="btn btn-primary choice" disabled>
                                    {% trans "Option A" %}
                                </button>
                            {% endif %}
                        {% else %}
                            {% if option_to_pay_B == 'A' %}
                                <input type="radio" style="pointer-events: none;" checked="checked">
                            {% else %}
                                <input type="radio" style="pointer-events: none;">
                            {% endif %}
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th>
                        {% trans "Option B:" %}
                    </th>
                    <td>
                        {% with sure_payoff_B=sure_payoff_B %}
                            {% blocktrans trimmed %}
                                an amount of {{ sure_payoff_B }} as a sure payment
                            {% endblocktrans %}
                        {% endwith %}
                    </td>
                    <td>
                        {% if Constants.buttons == True %}
                            {% if option_to_pay_B == 'B' %}
                                <button class="btn btn-success choice" disabled>
                                    {% trans "Option B" %}
                                </button>
                            {% else %}
                                <button class="btn btn-primary choice" disabled>
                                    {% trans "Option B" %}
                                </button>
                            {% endif %}
                        {% else %}
                            {% if option_to_pay_B == 'B' %}
                                <input type="radio" style="pointer-events: none;" checked="checked">
                            {% else %}
                                <input type="radio" style="pointer-events: none;">
                            {% endif %}
                        {% endif %}
                    </td>
                </tr>
                {% if Constants.indifference == True %}
                <tr>
                    <th>
                    </th>
                    <td>
                        {% with sure_payoff_B=sure_payoff_B %}
                            {% blocktrans trimmed %}
                                I'm indifferent between Option A and Option B
                            {% endblocktrans %}
                        {% endwith %}
                    </td>
                    <td>
                        {% if Constants.buttons == True %}
                            {% if option_to_pay_B == 'I' %}
                                <button class="btn btn-success choice" disabled>
                                    {% trans "Indifferent" %}
                                </button>
                            {% else %}
                                <button class="btn btn-primary choice" disabled>
                                    {% trans "Indifferent" %}
                                </button>
                            {% endif %}
                        {% else %}
                            {% if option_to_pay_B == 'I' %}
                                <input type="radio" style="pointer-events: none;" checked="checked">
                            {% else %}
                                <input type="radio" style="pointer-events: none;">
                            {% endif %}
                        {% endif %}
                    </td>
                </tr>
                {% endif %}
            </table>
        </div>
        <br/>

        <!-- ------------------------------------------------------------------------------------------------------- -->
        <!-- Payoff Information -->
        <!-- ------------------------------------------------------------------------------------------------------- -->
        <div class="card info">

            {% if option_to_pay_B == 'I' %}
                {% blocktrans trimmed with payoff_relevant_B=payoff_relevant_B %}
                    As indicated above, you stated to be indifferent between "Option A" and "Option B" in this choice.
                    "Option {{ payoff_relevant_B }}" was randomly chosen to determine your payment.
                {% endblocktrans %}
                <br/>
            {% else %}
                {% blocktrans trimmed with option_to_pay_B=option_to_pay_B %}
                    As indicated above, you decided for "Option {{ option_to_pay_B }}" in this choice.
                {% endblocktrans %}
                <br/>
            {% endif %}

            {% if payoff_relevant_B == "A" %}
                <br/>
                {% blocktrans trimmed %}
                    For "Option A", one of the two possible outcomes has been
                    randomly realized based on the corresponding probabilities.
                    <p></p>
                {% endblocktrans %}
            {% endif %}

            <br/>
            {% blocktrans trimmed with payoff_B=payoff_B %}
                Your payoff in this sequence of binary choices equals <b>{{ payoff_B }}</b>
                <p></p>
                Coming up next, you'll be asked to complete the price list.
            {% endblocktrans %}
        </div>

    </div>

    {% next_button %}

{% endblock %}