{{ extends "global/Page.html" }}
{{ block title }}Contribute{{ endblock }}


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


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


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

    <div class="container" style="text-align: left;">
        <div class="panel info">
            <h3 class="lead center">
              <b>Instructions for Bomb Game</b>
            </h3>

        </div>
    </div>

    <div class="container">
        <div class="block block-radius block-primary">
            <div class="block-content required" style="text-align: left;">    
            <p>
                    You will see a {{ num_rows }}x{{ num_cols }}-structure containing {{ num_boxes }} boxes on your screen. Your task is to <strong>decide on how many of them you want to collect</strong>.
          
               
          </p>
            <p>             
               You start the task by hitting the 'Start' button, then <strong>one box is collected per 0.5 second</strong>. Once collected, the box is marked by a tick symbol. For each box collected you earn <strong>{{ box_value }}</strong>.
            </p>
            <p>
               
                {% blocktrans trimmed %}
                    However, <strong> one of the boxes hides a bomb </strong> that destroys everything that has been collected.
                    The remaining {{ num_nobomb }} boxes are worth {{ box_value }} each.
                    You do <strong>not know</strong> where the bomb is located.
                    You only know that the bomb can be in any place with <strong>equal</strong> probability.
                {% endblocktrans %}
               
             </p>
            <p>
                    Your task is to choose <strong>when to stop</strong> the collecting process. You do so by hitting 'Stop button', which you can do only <strong>once</strong>.
            </p>
             <p>
                <ul>
                    <li>If you collect the box with the bomb, it will explode and you will earn zero. </li>
                    <li>If you stop before collecting the bomb, you gain the amount accumulated that far. </li>

                </ul>
                
             </p>       
                    
            
            <p>
                Once you have clicked on the stop button,  you can reveal if the Bomb has also been collected.
           
            </p>
            <p>
                Please note: It is possible not earn any points. You will not earn points if you do not collect any boxes. You will also not earn any points if all 100 boxes are collected. This automatically means the bomb will be collected. The more boxes you collect, the greater the chance you have of collecting a bomb.
         </p>

            </div>
        </div>
    </div>

    <div class="container">
        <div class="center">
            <button name="Confirm" value="True" class="btn btn-primary btn-large">Next</button>
        </div>
    </div>

{% endblock %}