{{ extends "global/Page.html" }}
{{ block title }}
<div style="color: blue; text-align: center; ">
Instructions (Real Rounds)
</div>
{{ endblock }}

{{ block content }}

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

<p>
Behind <strong>one</strong> of these boxes there is a <strong>bomb</strong>.
If you collect the box that contains the bomb, you will lose all points from that round.
</p>

<p><b>Your task:</b></p>

<p>
Press the <strong>START</strong> button to begin collecting boxes automatically.
You may press <strong>PAUSE</strong> and <strong>RESTART</strong> as many times as you like.
Press the red <strong>STOP</strong> button to permanently end the round.
</p>

<p>
<b>Important:</b> Time continues to run even when the game is paused.
After pressing START, you will have <strong>{{ C.FANCY_TIMEOUT_SECONDS }} seconds</strong> of real time.
You may pause the game to think about whether you want to continue or not, but the time will keep running.
</p>

<p>
<b>Bonus opportunity:</b> After you stop or when the time runs out, if you have not collected the bomb,
you will have the opportunity to collect <strong>{{ extra_boxes }}</strong> additional boxes.
You may earn more money if you accept — but be careful, you might collect the bomb and lose all of that money.
</p>

<p><b>Payment:</b></p>
<ul>
  <li>Each successfully collected box is worth <strong>Rp {{ C.POINTS_PER_BOX }}</strong></li>
  <li>If you collect the box containing the bomb, 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 will be randomized again in every round and is independent of previous rounds</li>
</ul>

<p>
You will now play <strong>5 real rounds</strong>.
The results from these rounds <strong>WILL</strong> be used to determine your final payment.
</p>

<p>
Reminder: <b style="color: blue;">40% of participants will be randomly selected to receive the bonus payment from this game.</b>
</p>

<br>

<p>Click "Next" to start the real rounds.</p>

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

{{ endblock }}