{{ extends "global/Page.html" }}

{{ block title }}
<div style="color: blue; text-align: center;">
    Instructions (Practice Rounds)
</div>
{{ endblock }}

{{ block content }}

<div class="consent">

<br>

<p>
In this task, you will see a <strong>10 × 10 grid</strong>
containing <strong>{{ C.GRID_SIZE }}</strong> boxes.
</p>

<p>
Behind <strong>one</strong> of these boxes there is a
<strong style="color:red;">bomb</strong>.
If the bomb is collected, you will lose all the points earned in that round.
</p>

<br>

<p><strong>How the game works:</strong></p>

<p>
Boxes will be <strong>selected automatically by the computer</strong>,
one by one.
You <strong>do not choose the boxes yourself</strong>.
</p>

<p>
Your only decision is <strong>when to stop</strong>.
Each collected box increases your points,
but if the bomb is collected,
you will lose all points in that round.
</p>

<br>

<p><strong>Control buttons:</strong></p>

<ul>
<li>Press <strong>START</strong> to begin collecting boxes automatically.</li>
<li>You may press <strong>PAUSE</strong> to temporarily stop the process.</li>
<li>You may press <strong>RESTART</strong> to continue collecting boxes.</li>
<li>Press the red <strong>STOP</strong> button if you want to end the round permanently.</li>
</ul>

<br>

<p>
<strong>Important:</strong>
After pressing START, you will have
<strong>{{ C.FANCY_TIMEOUT_SECONDS }} seconds</strong> of real time.
You may press pause to think about whether you want to continue,
but the timer will keep running.
</p>

<br>

<p><strong>Bonus opportunity:</strong></p>

<p>
After you press STOP (or when time runs out),
if you <strong>have not collected the bomb</strong>,
you may be given the option to collect
<strong>{{ extra_boxes }}</strong> additional boxes.
</p>

<p>
Accepting this option can increase your earnings,
but it also increases the risk of collecting the bomb.
If the bomb is collected, you will lose all points from that round.
</p>

<br>

<p><strong>Payment:</strong></p>

<ul>
<li>Each collected box is worth <strong>Rp {{ C.POINTS_PER_BOX }}</strong></li>
<li>If the bomb is collected, you will receive <strong>0 points</strong> for that round</li>
<li>The bomb is placed randomly in one of the {{ C.GRID_SIZE }} boxes</li>
<li>The bomb location is randomized in every round and does not depend on previous rounds</li>
</ul>

<br>

<p>
You will now play <strong>3 practice rounds</strong>
to familiarize yourself with the game.
The results of these practice rounds <strong>WILL NOT</strong> affect your final payment.
</p>

<br>

<p>
Click the button below to begin the practice rounds.
</p>

<button class="btn btn-primary btn-lg" type="submit">
Start practice rounds
</button>

</div>

{{ endblock }}