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

{{ block title }}
<div style="color: blue; text-align: center;">
    {{ if en }}
        Instructions
    {{ else }}
        Instruksi (Putaran Latihan)
    {{ endif }}
</div>
{{ endblock }}

{{ block content }}

<div class="consent">

<br>

<p>
    {{ if en }}
        In this task, you will see a <strong>10 × 10 grid</strong>
        containing <strong>{{ C.GRID_SIZE }}</strong> boxes.
    {{ else }}
        Dalam tugas ini, Anda akan melihat <strong>grid berukuran 10 × 10</strong>
        yang berisi <strong>{{ C.GRID_SIZE }}</strong> kotak.
    {{ endif }}
</p>

<p>
    {{ if en }}
        Behind <strong>one</strong> of these boxes is a
        <strong style="color:red;">bomb</strong>.
        If the bomb is collected, you will lose all points earned in that round.
    {{ else }}
        Di balik <strong>salah satu</strong> kotak tersebut terdapat sebuah
        <strong style="color:red;">bom</strong>.
        Jika bom tersebut terkumpul, Anda akan kehilangan semua poin yang diperoleh pada putaran tersebut.
    {{ endif }}
</p>

<br>

<p>
    <strong>
    {{ if en }}
        How the game works:
    {{ else }}
        Cara permainan bekerja:
    {{ endif }}
    </strong>
</p>

<p>
    {{ if en }}
        Boxes will be <strong>automatically selected by the computer</strong>,
        one at a time.
        You <strong>do not choose the boxes yourself</strong>.
    {{ else }}
        Kotak akan <strong>dipilih secara otomatis oleh komputer</strong>,
        satu per satu.
        Anda <strong>tidak memilih kotak sendiri</strong>.
    {{ endif }}
</p>

<p>
    {{ if en }}
        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 for that round.
    {{ else }}
        Keputusan Anda hanyalah <strong>menentukan kapan harus berhenti</strong>.
        Setiap kotak yang terkumpul akan menambah poin Anda,
        namun jika bom ikut terkumpul,
        Anda akan kehilangan semua poin pada putaran tersebut.
    {{ endif }}
</p>

<br>

<p>
    <strong>
    {{ if en }}
        Control buttons:
    {{ else }}
        Tombol kontrol:
    {{ endif }}
    </strong>
</p>

<ul>
    <li>
        ▶️
        {{ if en }}
            Press <strong style="color: green;">START</strong> to begin collecting boxes automatically.
        {{ else }}
            Tekan <strong style="color: green;">START</strong> untuk mulai mengumpulkan kotak secara otomatis.
        {{ endif }}
    </li>

    <li>
        ⏸️
        {{ if en }}
            Press <strong style="color: orange;">PAUSE</strong> to temporarily stop the process.
        {{ else }}
            Tekan <strong style="color: orange;">PAUSE</strong> untuk menghentikan proses sementara.
        {{ endif }}
    </li>

    <li>
        🔄
        {{ if en }}
            Press <strong style="color: blue;">RESTART</strong> to resume collecting boxes.
        {{ else }}
            Tekan <strong style="color: blue;">RESTART</strong> untuk melanjutkan proses pengumpulan kotak.
        {{ endif }}
    </li>

    <li>
        🛑
        {{ if en }}
            Press the red <strong style="color: red;">STOP</strong> button to end the round permanently.
        {{ else }}
            Tekan tombol merah <strong style="color: red;">STOP</strong> untuk mengakhiri putaran secara permanen.
        {{ endif }}
    </li>
</ul>

<br>

<p>
    {{ if en }}
        ⏳ <strong>Important</strong><br>
        After pressing START, you will have
        <strong>{{ C.FANCY_TIMEOUT_SECONDS }} seconds</strong> of real time.<br>
        You may pause to think about whether to continue,
        but the timer will keep running.
    {{ else }}
        ⏳ <strong>Penting</strong><br>
        Waktu <strong style="color: red;">tetap berjalan</strong> meskipun permainan dijeda.<br>
        Setelah menekan START, Anda memiliki waktu selama
        <strong>{{ C.FANCY_TIMEOUT_SECONDS }} detik</strong>.<br>
        Anda boleh menjeda untuk berpikir, tetapi waktu tidak akan berhenti.
    {{ endif }}
</p>

<br>

<p>
    {{ if en }}
        🎁 <strong>Bonus opportunity</strong><br>
        After you press <strong>STOP</strong> (or when time runs out),
        if you <strong>have not collected the bomb</strong>,
        you will be given the option to open
        <strong>{{ extra_boxes }}</strong> additional boxes.
    {{ else }}
        🎁 <strong>Peluang Bonus</strong><br>
        Setelah Anda berhenti atau waktu habis, jika Anda belum mengambil bom 💣,<br>
        Anda akan mendapatkan kesempatan mengambil
        <strong>{{ extra_boxes }}</strong> kotak tambahan.
    {{ endif }}
</p>

<p style="color: orange;">
    {{ if en }}
        ⚠️ You may earn more money,
        <strong>but you also risk losing everything</strong> if you hit the bomb.
    {{ else }}
        ⚠️ Anda bisa mendapatkan lebih banyak uang,
        <strong>tetapi juga berisiko kehilangan semuanya</strong> jika terkena bom.
    {{ endif }}
</p>

<p>
    {{ if en }}
        This option may increase your earnings, but also increases the risk of hitting the bomb.
        If you hit the bomb, all your points for that round will be lost.
    {{ else }}
        Pilihan ini dapat menambah penghasilan, tetapi juga meningkatkan risiko terkena bom.
        Jika terkena bom, semua poin Anda pada putaran tersebut hilang.
    {{ endif }}
</p>

<br>

<p>
    💰
    <strong>
    {{ if en }}
        Payoffs
    {{ else }}
        Pembayaran
    {{ endif }}
    </strong>
</p>

<ul style="line-height: 1.8;">

    <li>
        💰
        {{ if en }}
            Each collected box is worth
        {{ else }}
            Setiap kotak bernilai
        {{ endif }}
        <strong style="color: green;">
            Rp {{ C.POINTS_PER_BOX }}
        </strong>
    </li>

    <li>
        💣
        <strong style="color: red;">
        {{ if en }}
            If you collect the bomb → 0 points (everything is lost)
        {{ else }}
            Jika terkena bom → 0 poin (semua hilang)
        {{ endif }}
        </strong>
    </li>

    <li>
        🎲
        {{ if en }}
            The bomb is randomly placed in one of the
        {{ else }}
            Bom ditempatkan secara acak di
        {{ endif }}
        <strong>{{ C.GRID_SIZE }}</strong>
        {{ if en }}
            boxes
        {{ else }}
            kotak
        {{ endif }}
    </li>

    <li>
        🔄
        {{ if en }}
            The bomb location is randomized each round and is
            <strong>independent</strong> of previous rounds
        {{ else }}
            Lokasi bom selalu diacak setiap ronde
            (tidak ada pola)
        {{ endif }}
    </li>

</ul>

<br>

<p>
    {{ if en }}
        You will now play <strong>2 practice rounds</strong>
        to familiarize yourself with the game.
        The results of these practice rounds
        <strong style="color: red;">will NOT</strong>
        affect your final payment.
    {{ else }}
        Anda sekarang akan memainkan <strong>2 putaran latihan</strong>
        untuk membiasakan diri dengan permainan ini.
        Hasil dari putaran latihan ini
        <strong style="color: red;">TIDAK</strong>
        akan mempengaruhi pembayaran akhir Anda.
    {{ endif }}
</p>

<br>

<p>
    {{ if en }}
        Click the button below to begin the practice rounds.
    {{ else }}
        Klik tombol di bawah ini untuk memulai putaran latihan.
    {{ endif }}
</p>

<button class="btn btn-primary btn-lg" type="submit">
    {{ if en }}
        Start Practice Rounds
    {{ else }}
        Mulai putaran latihan
    {{ endif }}
</button>

</div>

{{ endblock }}