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


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


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


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

    <div class="instructions">

        <p>
            In this activity, we will show you {{ num_boxes }} boxes,
            {{ num_nobomb }} of which contain  {{ box_value }} credit, while the last contains a shark. 
            The interior of these boxes is invisible at the start of the activity.
        </p>
        <p>
            Once you have confirmed your choices, the contents of all the boxes you have selected will be revealed. If the shark is not in any of the boxes, 
            you will receive {{ box_value }} credit for each box opened. 
            If the shark is in one of your boxes, you will not receive any credits.
        </p>
    </div>

    <button class="otree-btn-next btn btn-primary">Start</button>
{% endblock %}