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

{% block title %}
    Partie 3
{% endblock %}

{% block scripts %}
<script>
document.getElementById('show').style.display = "none";
function yes() {
    document.getElementById('show').style.display = "block";
}
function no() {
     document.getElementById('show').style.display = "none";
}



</script>
{% endblock %}

{% block content %}
<p class="text-justify"> Avez-vous des frères/soeurs, demi-frères/soeurs ou quasi-frères/soeurs ? <br>
Quasi-frère, quasi-soeur : fils ou fille du beau-parent actuel qui n'a aucun lien de sang.
Les enfants adoptés sont considérés comme les enfants naturels </p>

<input type="radio" name="fratr" value="Oui" onclick="yes();" id="oui"> Oui  <br>
 <input type="radio" name="fratr" value="Non" onclick="no();" id="non"> Non  <br>

<br>
<div id="show" >
<p> <strong>Indiquez le nombre de frères et soeurs </strong> <br>
{% formfield player.nbfratr %}
    </p>
 <p> <strong>Indiquez le nombre de quasi-frères et quasi-soeurs </strong> <br>
{% formfield player.nbquasi %}
    </p>
</div>

{{ form.fratr.errors }}

{% next_button %}

{% endblock %}