<head>
<style>

.hide {
  display: none;
}

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

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

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

{% block content %}


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

Les réponses aux questions suivantes ne seront pas prises en compte dans le calcul de
        vos gains. Nous vous demandons néanmoins de répondre le plus sincèrement possible.
        Pour rappel, toutes vos réponses seront traitées de manière anonyme, et personne
        n’aura accès à vos réponses.

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

<p>
    <b>23) Soutenez-vous des taxes plus élevées pour les comportements dommageables envers l'environnement ?  </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_25 %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
    </table>
</p>

 <p>
     <b>24) Votez-vous pour les partis politiques qui ont les sujets environnementaux en tête de leur ordre du jour ?</b>

            {% formfield player.q_26 %}
</p>


 <p>
     <b>25) Parlez-vous souvent avec des amis de problèmes liés à l'environnement ? </b>

            {% formfield player.q_27 %}
</p>



<br><br>
<p><b> 26) Êtes-vous membre d'une organisation environnementale ? Si oui laquelle ?  </b>? </p>
<input type="radio" name="q_28" value="0" onclick="show101();" />Non <br>
<input type="radio" name="q_28" value="1" onclick="show102();" />Oui <div id="div10" class="hide">
<hr>
<p>{% formfield player.q_28_a %}
     </p>
 </div>

        <br><br>


<p>
    <b>27) Soutenez-vous les incitations financières pour une technologie bénéfique pour l'environnement ?  </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_29 %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
    </table>
</p>

<br>
 <p>
     <b> 28) Pour chacune des actions suivantes, merci d’indiquer si elle peut réduire de façon peu importante ou très importante l'empreinte carbone individuelle :  </b>
</b>
  <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <th colspan=3>a. éviter de voyager par avion. Réduit de façon : </th>>
        </tr>
        <tr>
            <td>Peu importante </td>
            <td> {% formfield player.q_30_a %}  </td>
            <td> Très importante </td>
        </tr>
        <tr>
            <th colspan=3>b. faire moins d'enfants. Réduit de façon :  </th>>
        </tr>
        <tr>
            <td>Peu importante</td>
            <td> {% formfield player.q_30_b %}  </td>
            <td>  Très importante </td>
        </tr>
        <tr>
            <th colspan=3>c. ne pas avoir de voiture. Réduit de façon : </th>
        </tr>
            <td>Peu importante</td>
            <td> {% formfield player.q_30_c %}  </td>
            <td>  Très importante </td>
        </tr>

        <tr>
            <th colspan=3>d. un régime alimentaire végétarien. Réduit de façon :   </th>
        </tr>
        <tr>
            <td>Peu importante</td>
            <td> {% formfield player.q_30_d %}  </td>
            <td> Très importante </td>
        </tr>

    </table>
 </p>


<form action="/action_page.php">
  <label for="q_31"><b> 29) Combien d’enfants souhaitez-vous avoir ? </b></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">plus que 5</option>
  </select>
  <br><br>
</form>

<p>
   <b> 30) Savez-vous que vous habitez actuellement dans un bâtiment écologique (à faible consommation en énergies) ?
    </b>
       {% formfield player.q_32 %}
</p>

<p>
    <b>31) Selon vous quelles sont les principales différences entre un bâtiment écologique et un bâtiment conventionnel ? </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <th colspan=3>a-	Aménagement paysager et activité physique  </th>>
        </tr>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_33_a %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
        <tr>
            <th colspan=3>b-	Qualité de l'air intérieur  </th>>
        </tr>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_33_b %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
        <tr>
            <th colspan=3>c-	Bruit intérieur </th>
        </tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_33_c %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>

        <tr>
            <th colspan=3>d-	Consommation annuelle d'énergie </th>
        </tr>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_33_d %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
        <tr>
            <th colspan=3>e-	Consommation annuelle d'eau potable </th>
        </tr>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_33_e %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>

       <tr>
            <th colspan=3>f-	Frais de gestion mensuels </th>
        </tr>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_33_f %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
    </table>
</p>

<p>
    <b>32) Si vous deviez déménager, seriez-vous intéressés par habiter dans un bâtiment écologique ?  </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_34 %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
    </table>
</p>


<p>
    <b>33) Seriez-vous prêt à payer plus cher pour vivre dans un bâtiment écologique ? </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_35 %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
    </table>
</p>


    <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 %}