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


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


{# ****************************************************************************************************************** #}
{# *** TITLE *** #}
{# ****************************************************************************************************************** #}
{% block title %}
    {% trans "Instructions" %}
{% endblock %}


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

    <div class="instructions">
        <p>
            {% blocktrans trimmed %}
                In the following, you will see a {{ num_rows }}x{{ num_cols }}-matrix containing
                {{ num_boxes }} boxes on your screen.
            {% endblocktrans %}
        </p>
        <p>
            {% blocktrans trimmed %}
                As soon as you start the task by hitting the 'Start' button,
                one of the boxes is collected per second, starting from the top-left corner.
                Once collected, the box marked by a tick symbol.
                For each box collected you earn {{ box_value }} points.
            {% endblocktrans %}
        </p>
        <p>
            {% blocktrans trimmed %}
                Behind one of the boxes hides a bomb that destroys everything that has been collected.
                The remaining {{ num_nobomb }} boxes are worth {{ box_value }} points each.
                You do not know where the bomb is located.
                You only know that the bomb can be in any place with equal probability.
            {% endblocktrans %}
        </p>
        <p>
            {% blocktrans trimmed %}
                Your task is to choose the box you want to collect. When you decide you have collected enough bomb, you
                can click "Stop", then check the results by hitting the 'Check' button.
                A dollar sign or a bomb sign will be shown on each of your collected boxes.
            {% endblocktrans %}
        </p>
        <p>
            {% blocktrans trimmed %}
                If you collect the box where the bomb is located, the bomb will explode and you will earn zero.
                If you does not collect the bomb, you gain the amount accumulated that far.
            {% endblocktrans %}
        </p>
        <p>
            You will play the game for {{ Constants.num_rounds }} rounds. One round will be randomly chosen at the end
            to determine your payoff.
        </p>


    </div>
<div style="text-align:right">
    {% next_button %}
</div>
{% endblock %}