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


{{ block title }}
<div style="text-align: center;">
Instruksi Permainan: Menghindar dari Bom!
</div>
{{ endblock }}

{{ block content }}

<div class="consent">
    <p>
        Tugas Anda adalah memilih kotak-kotak sesuai dengan keinginan Anda.
        Setelah Anda merasa puas dengan pilihan Anda,
        tekan tombol <em>"Stop"</em> kapan saja.
        Selanjutnya, tekan tombol <em>"Solve"</em>.
        Jika kotak yang berisi bom termasuk dalam kotak yang Anda pilih,
        bom akan meledak dan Anda tidak akan menerima pembayaran apa pun.
        Namun, jika Anda hanya memilih kotak-kotak yang tidak mengandung bom,
        Anda akan menerima pembayaran bonus
        sebesar total nilai kotak yang Anda kumpulkan.
    </p>

    <p>Tidak ada batas waktu untuk permainan ini, Anda dapat menggunakan sebanyak-banyaknya waktu untuk
        memikirkan kotak mana yang ingin Anda pilih.
    </p>

    <div style="text-align:center;">
        <img src="{{ static 'BRET_Stop_Matrix_Copy.png' }}" width="600">
        <p><strong><p style="color: blue;">Setelah menentukan pilihan-pilihan Anda, klik "Stop". </p></strong></p>
    </div>

    <div style="text-align:center;">
        <img src="{{ static 'BRET_Solved_Matrix_Copy.png' }}" width="600">
        <p><strong><p style="color: blue;">Setelah klik stop, klik "Solve" untuk mengungkap apa yang di balik kotak. </p></strong></p>
    </div><br>

    <p>
        Anda akan diberikan dua (2) ronde latihan untuk mencoba permainan ini sebelum memulai permainan yang sebenarnya.
        Hasil dari ronde latihan <strong>TIDAK</strong> akan dihitung sebagai bagian dari pembayaran akhir Anda.
    </p>
    <p>Klik tombol di bawah untuk melanjutkan ke ronde latihan.</p>

</div>

<button class="btn btn-primary btn-lg" type="submit">
    Mulai Ronde Latihan
</button>
{{ endblock }}