{{ block styles }}
<link href="{{ static 'bret/css/custom.css' }}" rel="stylesheet"/>
{{ endblock }}


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

    {{ if is_en }}
        Game Instructions: Avoid the Bomb! 💣
    {{ else }}
        Instruksi Permainan: Menghindar dari Bom! 💣
    {{ endif }}

</div>
{{ endblock }}


{{ block content }}

<div class="consent">

    <p>
        <strong>🎯 {{ if is_en }}Your Task{{ else }}Tugas Anda{{ endif }}:</strong><br>
        {{ if is_en }}
            Select any boxes you want.
        {{ else }}
            Pilih kotak sesuai keinginan Anda.
        {{ endif }}
    </p>

    <p>
        {{ if is_en }}
            Once you feel <strong>ready</strong>,
            click <strong style="color: red;">🛑 "Stop"</strong>.
            <br><br>
            Then click <strong style="color: blue;">✅ "Solve"</strong>.
        {{ else }}
            Jika Anda sudah merasa <strong>cukup</strong>,
            tekan tombol <strong style="color: red;">🛑 "Stop"</strong>.
            <br><br>
            Kemudian tekan <strong style="color: blue;">✅ "Solve"</strong>.
        {{ endif }}
    </p>

    <hr>

    <p style="color: red;">
        <strong>💣 {{ if is_en }}WARNING{{ else }}PERHATIAN{{ endif }}:</strong><br>
        {{ if is_en }}
            If your selection includes the box with the bomb,
            it will explode and you <strong>will receive no payment</strong>.
        {{ else }}
            Jika pilihan Anda mencakup kotak yang berisi bom,
            bom akan meledak dan Anda <strong>tidak akan menerima pembayaran</strong>.
        {{ endif }}
    </p>

    <p style="color: green;">
        <strong>💰 {{ if is_en }}BONUS{{ else }}BONUS{{ endif }}:</strong><br>
        {{ if is_en }}
            If none of the selected boxes contains the bomb,
            you will receive a bonus equal to the total value of the boxes you collected.
        {{ else }}
            Jika semua kotak yang Anda pilih <strong>tidak mengandung bom</strong>,
            Anda akan menerima bonus sebesar total nilai kotak yang Anda kumpulkan.
        {{ endif }}
    </p>

    <p>
        {{ if is_en }}
            There is no time limit, so you can take your time before making your decisions.
        {{ else }}
            Tidak ada batas waktu dalam permainan ini, jadi Anda dapat berpikir dengan tenang sebelum menentukan pilihan.
        {{ endif }}
    </p>

    <div style="text-align:center;">
        <img src="{{ static 'BRET_Stop_Matrix_Copy.png' }}" width="600">

        <p>
            <strong>
                <span style="color: blue;">
                    {{ if is_en }}
                        After finishing your selection, click 🛑 "Stop".
                    {{ else }}
                        Setelah selesai memilih, klik 🛑 "Stop".
                    {{ endif }}
                </span>
            </strong>
        </p>
    </div>

    <div style="text-align:center;">
        <img src="{{ static 'BRET_Solved_Matrix_Copy.png' }}" width="600">

        <p>
            <strong>
                <span style="color: blue;">
                    {{ if is_en }}
                        Then click ✅ "Solve" to reveal the boxes.
                    {{ else }}
                        Setelah itu, klik ✅ "Solve" untuk melihat isi kotak.
                    {{ endif }}
                </span>
            </strong>
        </p>
    </div>

    <br>

    <p>
        {{ if is_en }}
            You will complete two (2) practice rounds before the main game begins.
            Results from the practice rounds <strong style="color: red;">will not</strong> affect your final payment.
        {{ else }}
            Anda akan menjalani dua (2) ronde latihan sebelum permainan utama dimulai.
            Hasil latihan <strong style="color: red;">tidak</strong> memengaruhi pembayaran akhir Anda.
        {{ endif }}
    </p>

    <p>
        {{ if is_en }}
            Click the button below to proceed to the practice rounds.
        {{ else }}
            Klik tombol di bawah untuk melanjutkan ke ronde latihan.
        {{ endif }}
    </p>

</div>

<button class="btn btn-primary btn-lg" type="submit">
    {{ if is_en }}
        Start Practice Rounds
    {{ else }}
        Mulai Ronde Latihan
    {{ endif }}
</button>

{{ endblock }}