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


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


{# ****************************************************************************************************************** #}
{# *** TITLE *** #}
{# ****************************************************************************************************************** #}
{% block title %}
Lottery Task
{% endblock %}


{# ****************************************************************************************************************** #}
{# *** CONTENT *** #}
{# ****************************************************************************************************************** #}
{% block content %}

    <div class="wrapper instructions">
        <p>
            In the following task, <b>5 different lotteries</b> will be presented on your screen. In each of these lotteries,
                <b>both outcomes</b> A and B are <b>equally likely</b>, i.e. have a probability of exactly 50%. The rewards are denoted
                in points. These points will be converted into Euros at the end of the experiment.
        </p>
        <p>
                You are asked to <b>choose exactly one</b> of the lotteries, which subsequently will be implemented. A random generator
                will determine whether you win reward A or reward B, respectively. At the end of the experiment, your reward will
                be added to you payment.
        </p>

    </div>

<button class="otree-btn-next btn btn-primary next-button otree-next-button">Choose Lottery</button>

{% endblock %}