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

{{ block title }}
<div style="color: blue; text-align: center;">

{{ if en }}
    Instructions (Practice Rounds)<br/>
    Lucky Number!
{{ else }}
    Instruksi (Putaran Latihan)<br/>
    Lucky Number!
{{ endif }}

</div>
{{ endblock }}

{{ block content }}

<div class="consent">

<br>

{{ if en }}

<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 points earned in that round.
</p>

<br>

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

<p>
🤖 As before, boxes will be <strong>automatically selected by a computer algorithm</strong>, one by one.<br>
🚫 You <strong>do not choose the boxes yourself</strong>.
</p>

<p>
🎯 Your task is to <strong>decide when to stop</strong>.<br>
💰 Each collected box increases your points.<br>
💣 However, if the bomb is collected, you will
<strong style="color: red;">lose all points</strong> in that round.
</p>

<p style="color: blue; font-weight: bold;">
🍀 <strong style="color: blue;">Lucky Numbers</strong><br>
You will also have the opportunity to choose
<strong>{{ C.LUCKY_NUMBERS_COUNT }}</strong> lucky numbers.
The selected lucky numbers must be between
<strong>{{ min_lucky_number }}</strong> and
<strong>{{ C.GRID_SIZE }}</strong>.
</p>

<p style="color: green;">
🛡️ If the bomb is located at one of your lucky numbers,
<strong>it will not explode</strong>, and you will remain safe.
</p>

<br>

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

<ul style="font-size:16px; line-height:1.8;">
    <li>
        ▶️ Press <strong style="color: green;">START</strong>
        to begin automatically collecting boxes.
    </li>

    <li>
        ⏸️ Press <strong style="color: orange;">PAUSE</strong>
        to temporarily stop the process.
    </li>

    <li>
        🔄 Press <strong style="color: blue;">RESTART</strong>
        to continue.
    </li>

    <li>
        🛑 Press the red
        <strong style="color: red;">STOP</strong>
        button 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 pause to think, but the timer will continue running.
</p>

<br>

<p>🎁 <strong>Bonus Opportunity</strong></p>

<p>
After you press 🛑
<strong style="color:red;">STOP</strong>
(or when time runs out),
if you <strong>have not collected the bomb 💣</strong>,
you will have the opportunity to collect
<strong>{{ extra_boxes }}</strong> additional boxes.
</p>

<p style="color: orange;">
⚠️ You may earn <strong>more money</strong>,
but you also risk
<strong>losing everything</strong>
if the bomb is collected.
</p>

<br>

<p>💰 <strong>Payment</strong></p>

<ul style="line-height:1.8; font-size:16px;">
    <li>
        💰 Each box is worth
        <strong style="color: green;">
            Rp {{ C.POINTS_PER_BOX }}
        </strong>
    </li>

    <li>
        💣 If the bomb is collected, you receive
        <strong style="color: red;">0 points</strong>
        <strong>(ALL earnings are lost)</strong>
    </li>

    <li>
        🎲 The bomb is randomly placed among
        <strong>{{ C.GRID_SIZE }}</strong> boxes
    </li>

    <li>
        🔄 The bomb location is randomized every round
        <strong>(there is no pattern)</strong>
    </li>
</ul>

<br>

<p>
You will now play
<strong>5 practice rounds</strong>
to familiarize yourself with the game.
The results of these practice rounds will
<strong>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>

{{ else }}

<p>
Dalam tugas ini, Anda akan melihat
<strong>grid berukuran 10 × 10</strong>
yang berisi
<strong>{{ C.GRID_SIZE }}</strong> kotak.
</p>

<p>
Di balik <strong>salah satu</strong> kotak tersebut terdapat sebuah
<strong style="color:red;">bom</strong>.
Jika bom tersebut terpilih, Anda akan kehilangan semua poin yang diperoleh pada putaran tersebut.
</p>

<br>

<p><strong>Cara permainan bekerja:</strong></p>

<p>
🤖 Sama seperti sebelumnya, kotak akan
<strong>dipilih secara otomatis oleh algoritma komputer</strong>,
satu per satu.<br>
🚫 Anda <strong>tidak memilih kotak sendiri</strong>.
</p>

<p>
🎯 Tugas Anda adalah
<strong>menentukan kapan harus berhenti</strong>.<br>
💰 Setiap kotak yang terkumpul akan menambah poin Anda.<br>
💣 Namun, jika bom ikut terkumpul, Anda akan
<strong style="color: red;">kehilangan semua poin</strong>
pada putaran tersebut.
</p>

<p style="color: blue; font-weight: bold;">
🍀 <strong style="color: blue;">Angka Keberuntungan</strong><br>
Anda juga berkesempatan untuk memilih
<strong>{{ C.LUCKY_NUMBERS_COUNT }}</strong>
angka keberuntungan.
Angka keberuntungan yang dipilih harus berada di antara
<strong>{{ min_lucky_number }}</strong>
dan
<strong>{{ C.GRID_SIZE }}</strong>.
</p>

<p style="color: green;">
🛡️ Jika bom berada pada salah satu angka keberuntungan Anda,
<strong>bom tidak akan meledak</strong>
dan Anda tetap aman.
</p>

<br>

<p><strong>Tombol kontrol:</strong></p>

<ul style="font-size:16px; line-height:1.8;">
    <li>
        ▶️ Tekan
        <strong style="color: green;">START</strong>
        untuk mulai mengumpulkan kotak secara otomatis.
    </li>

    <li>
        ⏸️ Tekan
        <strong style="color: orange;">PAUSE</strong>
        untuk menghentikan proses sementara.
    </li>

    <li>
        🔄 Tekan
        <strong style="color: blue;">RESTART</strong>
        untuk melanjutkan kembali.
    </li>

    <li>
        🛑 Tekan tombol merah
        <strong style="color: red;">STOP</strong>
        untuk mengakhiri putaran secara permanen.
    </li>
</ul>

<br>

<p>
<strong>Penting:</strong>
Setelah menekan START, Anda akan memiliki
<strong>{{ C.FANCY_TIMEOUT_SECONDS }} detik</strong>
waktu nyata.
Anda dapat menekan pause untuk berpikir apakah ingin melanjutkan atau tidak,
namun waktu akan tetap berjalan.
</p>

<br>

<p>🎁 <strong>Peluang Bonus</strong></p>

<p>
Setelah Anda menekan 🛑
<strong style="color:red;">STOP</strong>
(atau ketika waktu habis),
jika Anda <strong>belum mengambil bom 💣</strong>,
Anda akan mendapatkan kesempatan untuk mengambil
<strong>{{ extra_boxes }}</strong>
kotak tambahan.
</p>

<p style="color: orange;">
⚠️ Anda bisa mendapatkan
<strong>lebih banyak uang</strong>,
tetapi juga berisiko
<strong>kehilangan semuanya</strong>
jika bom ikut terkumpul.
</p>

<br>

<p>💰 <strong>Imbalan</strong></p>

<ul style="line-height:1.8; font-size:16px;">
    <li>
        💰 Setiap kotak bernilai
        <strong style="color: green;">
            Rp {{ C.POINTS_PER_BOX }}
        </strong>
    </li>

    <li>
        💣 Jika bom terkumpul, Anda menerima
        <strong style="color: red;">0 poin</strong>
        <strong>(SEMUA hasil hilang)</strong>
    </li>

    <li>
        🎲 Bom ditempatkan secara acak di
        <strong>{{ C.GRID_SIZE }}</strong> kotak
    </li>

    <li>
        🔄 Lokasi bom selalu diacak setiap putaran
        <strong>(tidak ada pola)</strong>
    </li>
</ul>

<br>

<p>
Anda sekarang akan memainkan
<strong>5 putaran latihan</strong>
untuk membiasakan diri dengan permainan ini.
Hasil dari putaran latihan ini
<strong>TIDAK</strong>
akan mempengaruhi pembayaran akhir Anda.
</p>

<br>

<p>
Klik tombol di bawah ini untuk memulai putaran latihan.
</p>

<button class="btn btn-primary btn-lg" type="submit">
    Mulai putaran latihan
</button>

{{ endif }}

</div>

{{ endblock }}