{{ block title }}
{{ endblock }}

{{ block content }}
Did you ever doubt whether the player labeled as “AI” was actually an AI system?
{{ formfield player.manipulation label="" }}

<!-- Conditional open-text box -->
<div id="explanation_box" style="display:none; margin-top:15px;">
    {{ formfield player.manipulation_explained }}
</div>
{{ next_button }}

<script>
document.addEventListener("DOMContentLoaded", function () {
    const radios = document.querySelectorAll('input[name="manipulation"]');
    const box = document.getElementById("explanation_box");

    radios.forEach(radio => {
        radio.addEventListener("change", function () {
            if (this.value.toLowerCase() === "yes") {
                box.style.display = "block";
            } else {
                box.style.display = "none";
                // Optional: clear the textarea if they switch back to "No"
                document.querySelector('textarea[name="manipulation_explained"]').value = "";
            }
        });
    });
});
</script>

{{ endblock }}