<head>
<style>

.hide {
  display: none;
}

</style>
    <title></title>
</head>

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

{% block title %}
Final Questionnaire
{% endblock %}

{% block content %}


<div class="card bg-light m-3">
    <div class="card-body">

The answers to the following questions will not be taken into account in the calculation of
         your earnings. We nevertheless ask you to respond as sincerely as possible.
         As a reminder, all your responses will be treated anonymously, and no one
         will not have access to your answers.

        <br><br>
 <div class="card bg-light m-3">
    <div class="card-body">

        {% formfield player.q_40_etude %}
        {% formfield player.q_41_gender %}
        {% formfield player.q_42_age%}
        {% formfield player.q_43_nationalite %}
        {% formfield player.q_44_revenu %}
<br>
        <p>
            <b>
Indicate the City and Country where your previous accommodation was: </b>
        </p>
        {% formfield player.q3_countries %}


        {% formfield player.q_46_logement_ville %}



<br>
        <form action="/action_page.php">
  <label for="q_31">H. How many children do you want to have </label>
  <select name="q_31" id="q_31">
    <option value="99"> </option>
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">more than 5</option>
  </select>
  <br><br>
</form>


        {% formfield player.q_47_residence %}

        {% formfield player.q_48_satisfaction %}

        {% formfield player.q_49_propositions %}


    <p>{% next_button %}</p>

    </div></div>

</div></div>

{% endblock %}


{% block scripts %}


<script>

function show101(){
  document.getElementById('div10').style.display ='none';
}
function show102(){
  document.getElementById('div10').style.display = 'block';
}

</script>

{% endblock %}