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

{% block styles %}
    <style>
        select {
            margin: 0 auto;
        }
        @media (max-width: 575.98px) {
            .controls {
                margin-left: 0!important;
            }
        }
    </style>
{% endblock %}

{% block title %}
{% endblock %}

{% block content %}
    <div class="wrapper">
        <div class="instructions">
            {% if player.ambiguity_version == 2 %}
                <p>
                    An urn contains {{ Constants.ambiguity_num_balls }} balls.
                    There is exactly {{ Constants.ambiguity_balls_red }} balls
                    which are red on the {{ Constants.ambiguity_num_balls }} balls.
                    The {{ Constants.ambiguity_balls_other }}
                    remainder are white or black. The distribution between the number of balls
                    black and the number of white balls is unknown. It can go from 0 to
                    {{ Constants.ambiguity_balls_other }}.
                </p>
                <p>
                    A ball will be drawn randomly from this urn. At the same time,
                     a coin will be thrown which turns "heads" or "tails".
                     The room is unbiased, i.e. symmetrical. You can choose to receive
                     credits after lottery A or lottery B. Credits are
                     allocated within each lottery as follows:
                </p>
                <p class="ml-4">
                    Alternative A : if a red ball is drawn: regardless of the result of the
                    coin you will receive {{ Constants.ambiguity_bonus_version2_high|floatformat:"-1" }} credits.
                    If a black ball is drawn: regardless of the result of the coin,
                    you will not receive anything. If a white ball is drawn:
                    you will recieve {{ Constants.ambiguity_bonus_version2_low|floatformat:"-1" }} credits if the coin falls
                    on tails, and 0 if the coin is heads.
                </p>
                <p class="ml-4">
                    Alternative B :if a red ball is drawn: regardless of the result of
                    the coin, you will not receive anything. If a black ball is drawn:
                    regardless of the result of the coin, you will receive {{ Constants.ambiguity_bonus_version2_high|floatformat:"-1" }} credits.
                    If a white ball is drawn: you will receive {{ Constants.ambiguity_bonus_version2_high|floatformat:"-1" }} credits if the coin
                    heads, and 0 if the coin is heads.
                </p>
            {% else %}
                <p>
                    An urn contains {{ Constants.ambiguity_balls_red }}red balls and
                    {{ Constants.ambiguity_balls_other }} black or white balls.
                    The distribution between the number of black balls and the number of balls
                    white is unknown, and can range from 0 to
                    {{ Constants.ambiguity_balls_other }} white balls and 0 and
                    {{ Constants.ambiguity_balls_other }} black balls. A ball will be drawn randomly
                    in this urn. You can choose to receive credits after lottery A
                    or lottery B. Credits are allocated within each lottery as follows:
                </p>
                <p class="ml-4">
                    Lottery A : if a red ball is drawn, you will receive {{ Constants.ambiguity_bonus|floatformat:"-1" }} credits.
                    If a black ball is drawn, you will not receive anything. If a white ball is drawn,
                    there is a one in two chance that you will receive {{ Constants.ambiguity_bonus|floatformat:"-1" }} credits,
                    and a one in two chance that you will not receive anything.
                </p>
                <p class="ml-4">
                    Lottery B : if a red ball is drawn, you will receive 0 credit. If a black ball is drawn,
                    there is a one in two chance that you will receive {{ Constants.ambiguity_bonus|floatformat:"-1" }} credits,
                    and a one in two chance that you will not receive anything.
                    If a white ball is drawn, you will receive {{ Constants.ambiguity_bonus|floatformat:"-1" }} credits.
                </p>
            {% endif %}
        </div>

        <div class="form-inline">{% formfield player.ambiguity_decision %}</div>

        <button class="otree-btn-next btn btn-primary">Confirm</button>
    </div>

{% endblock %}