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

{# % block title % #}
{#  Introduction #}
{# % endblock % #}

{% block content %}
<div class="card bg-light m-3">
    <div class="card-body">
        <h3>
            Introduction
        </h3>
        <p>You have been <u>randomly matched with other 99 previous participants</u> (forming a group of 100 people).</p>
        <p><b>Part 1:</b></p>
            <ul>
                <li>You need to <b>solve</b> 12 mathematical operations and scrambled words within the given time.</li>
                <li><b>Every task</b> solved correctly will earn you <b>{{ Constants.q_points }} ECU</b>.</li>
                {% if treatment < 3 %}
                    <li>At the end of this part, your total <b>gross income</b> will be subject to a <b>Tax System</b>.</li>
                {% elif treatment > 2 %}
                    <li>Your total <b>gross income</b> from this part will be subject to a <b>Tax System</b> at the end of the experiment.</li>
                {% endif %}
                <li>The Tax System was designed to collect a target amount to run additional sessions of this experiment.</li>
            </ul>
        <p><b>Part 2:</b></p>
            <ul>
                <li>You will be asked three additional <b>bonus questions</b>.</li>
                <li>Only <b>one of them</b> (picked at random) will be paid, adding <b>{{ Constants.b_points }} ECU</b>.</li>
                <li>Income earned in Part 2 is not subject to the Tax System (you will be paid the full earned amount).</li>
            </ul>

        <p><b>Other remarks:</b></p>
            <ul>
                <li>Amounts in the experiment are expressed in <b>Experimental Currency Units (ECU)</b>, with value <b>{{ Constants.equivalency }} ECU = 1 USD</b>.</li>
                <li>Remember to write down the code given at the end of the experiment in order to claim your earned income on Amazon Mechanical Turk.</li>
            </ul>
        <br>
        <p>You will be shown detailed instructions at every step of the experiment.</p>
    </div>
</div>
    {% next_button %}

{% endblock %}