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

{{ block title }}
<div style="color: blue; text-align: center;">
    Instructions (Real Rounds)<br/>
    Lucky Number!
</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 selected, you will lose all 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 from that round.
</p>

<p>
You will also have the opportunity to choose {{ C.LUCKY_NUMBERS_COUNT }} lucky numbers.
The lucky numbers must be between {{ min_lucky_number }} and {{ C.GRID_SIZE }}.
These lucky numbers can act as a “protection” — if the bomb appears on one of those numbers,
the bomb will not explode and you will be protected.
</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 permanently end the round.</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 time will continue to run.
</p>

<br>

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

<p>
After you press STOP (or when the 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 may increase your bonus,
but it also increases the risk of collecting the bomb.
If the bomb is selected, 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 randomly placed in one of the {{ C.GRID_SIZE }} boxes</li>
<li>The bomb location is randomized in each round and is independent of previous rounds</li>
</ul>

<br>

<p>
You will now play <strong>5 real rounds</strong>.
The results from these rounds <strong>may</strong> affect your final payment.
</p>

<p style="color: blue;">
We will randomly select 30% of all participants
to receive a bonus from this game.
</p>

<br>

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

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

</div>

{{ endblock }}