{% 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 %}

    <!-- ----------------------------------------------------------------------------------------------------------- -->
    <!-- information about results -->
    <!-- ----------------------------------------------------------------------------------------------------------- -->
    {% if Constants.num_rounds == 1 %}
        <div class="wrapper">
            <div class="instructions">
                You have chosen to open {{ boxes_collected }} box(es).<br>
                {% if bomb %}
                One of the boxes contained the shark. You haven't won anything.
                {% else %}
                None of the boxes contained the shark. You have earned {{ payoff|floatformat:"-1" }} credit(s).
                {% endif %}
            </div>
        </div>

    {% else %}
        <div class="card card-info">
                The table below summarizes the results of your decisions in the {{ Constants.num_rounds }} rounds played.
        </div>
    {% endif %}

    <br/>
    <button class="otree-btn-next btn btn-primary">Continue</button>

{% endblock %}