{{ block title }}
{{ endblock }}

{{ block content }}

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

    .outcome-title {
        font-weight: bold;
        margin-bottom: 20px;
    }

    .outcome-text {
        margin-bottom: 20px;
    }
</style>

<div class="outcome-box">
    <div class="outcome-title">
        Hasil Pemilihan Undian
    </div>

    <div class="outcome-text">
        Komputer secara acak memilih <strong>Pertanyaan {{ player.lottery_selected_question }}</strong>.
    </div>

    <div class="outcome-text">
        Anda memilih opsi berikut:<br>
        <strong>{{ selected_option_text }}</strong>
    </div>

    <div class="outcome-text">
        Pendapatan Anda dari <strong>Tugas Lotre</strong>: <strong>{{ player.lottery_payment }}</strong>
    </div>
</div>

{{ next_button }}

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

{{ endblock }}