{% extends "global/Page.html" %}
{% load otree %}

{% block title %}Données Générales{% endblock %}

{% block content %}



{% formfield player.Nom_palmeraie %}
{% formfield player.Type_oasis %}
{% formfield player.Membre_Association %}

{% formfield player.Membre_GDA %}



<div id="div_appartenance" style="display: none;">
    {% formfield player.GDA_appartenance %}
</div>



{% next_button %}


{% block scripts %}
<script>

    let GDA_appartenance = document.querySelector("#div_appartenance");

    window.onload = function() {
        let Membre_GDA_radios = document.querySelectorAll("input[name=Membre_GDA]");
        for (let i=0; i<Membre_GDA_radios.length; i++) {
            Membre_GDA_radios[i].addEventListener("click", function () {
                    GDA_appartenance.style.display = this.value === "1" ? "block": "none";
                }
            )
        }
    }
 </script>  



{% endblock %}



{% endblock %}