<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>11)  Lors d’achat de nouveaux appareils électroniques, assurez-vous d’acheter ceux qui consomment le moins d'énergie ? </b>
            {% formfield player.q_13 %}
</p>

<p>
    <b>12)  Éteignez-vous ou déconnectez-vous complètement les appareils électriques lorsque vous ne les utilisez pas (sans utiliser le mode veille) ? </b>
            {% formfield player.q_14 %}
</p>

 <p>
    <b>13)  Utilisez-vous un sèche-linge pour sécher les vêtements ? </b>
            {% formfield player.q_15 %}
</p>

<p>
    <b>14)  Attendez-vous d'avoir une charge complète avant de faire votre lessive ? </b>
            {% formfield player.q_16 %}
</p>

<p>
    <b>15)  Le radiateur de votre logement est-il éteint tard le soir (en hiver) ? </b>
            {% formfield player.q_17 %}
</p>

<p>
    <b>16)  Réduisez-vous la température ambiante lorsque vous n'êtes pas à la maison pendant une longue période (en hiver) ? </b>
            {% formfield player.q_18 %}
</p>

<p>
    <b>17) Préférez-vous prendre une douche plutôt qu'un bain ?</b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_19 %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
    </table>
</p>



<p><b> 18)  Dégivrez-vous régulièrement le réfrigérateur ?  </b>? </p>

        <input type="radio" name="q_20" value="1" onclick="show102();" />1 - Jamais

        <div id="div10" class="hide">
<hr>
<p>  &nbsp &nbsp &nbsp &nbsp <input type="radio" name="q_20_a" value="1"  />a - Parce que j’ai acheté un frigo sans givre exprès <br>
     &nbsp &nbsp &nbsp &nbsp <input type="radio" name="q_20_a" value="2"  />b - Je partage le réfrigérateur avec d’autres personnes et quelqu’un d’autre en est responsable <br>
     &nbsp &nbsp &nbsp &nbsp <input type="radio" name="q_20_a" value="3"  />c - Autre raison <br>
    &nbsp &nbsp &nbsp &nbsp <i>(Si autre raison merci de le préciser)</i> : <input name="q_20_b" value="" onclick="show103();" /><br>

</p>
 </div> <br>
        <input type="radio" name="q_20" value="2" onclick="show101();" />2 - Rarement <br>
        <input type="radio" name="q_20" value="3" onclick="show101();" />3 - Souvent <br>
        <input type="radio" name="q_20" value="4" onclick="show101();" />4 - Toujours <br>

<br> <br>
<p>
    <b>19) Supposons que vous êtes sur le point de réserver un taxi (par ex UBER) pour vous rendre à l’aéroport Orly.
<br> Quelle option choisiriez-vous ?
    </b>
            {% formfield player.q_21 %}
</p>

<p>
    <b>20) Pensez-vous que les voitures électriques sont moins polluantes que les voitures essence ou diesel ?  </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_22 %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
    </table>
</p>

<p>
    <b>21) Seriez-vous intéressés par acheter une voiture à carburant alternatif ? </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_23 %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
    </table>
</p>

 <p>
     <b>22) Conduisez-vous votre voiture de manière défensive pour économiser du carburant ?  </b>

            {% formfield player.q_24 %}
</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';
}
function show103(){
  document.getElementById('div10').style.display ='none';
}

</script>

{% endblock %}