{{ block title }}
{{ endblock }}

{{ block content }}

<style>
    .code-box {
        font-family: serif;
        font-size: 20px;
        line-height: 1.6;
        max-width: 1000px;
    }

    .code-title {
        font-weight: bold;
        margin-bottom: 24px;
    }

    .code-text {
        font-weight: bold;
        margin-bottom: 24px;
    }

    .code-input {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .code-input input {
        font-family: serif;
        font-size: 20px;
        padding: 6px 10px;
        width: 220px;
    }
</style>

<div class="code-box">
    <div class="code-title">
        Input Kode
    </div>

    <div class="code-text">
        Sebelum kita mulai, silakan masukkan kode unik Anda yang telah dibuat secara acak sebelum sesi ini dimulai:
    </div>

    <div class="code-input">
        {{ formfield 'code' label="" }}
    </div>
</div>

{{ next_button }}

<script>
document.addEventListener("DOMContentLoaded", function () {
    const btn = document.querySelector(".otree-btn-next");
    if (btn) {
        btn.textContent = "Lanjut";
    }
});
</script>

{{ endblock }}