<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">

The answers to the following questions will not be taken into account when calculating your winnings.
        However, we ask that you answer as honestly as possible. As a reminder, all your answers will
        be treated anonymously, and no one will have access to your answers.

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

<p>
    <b>11)  When buying new electronic devices, do you make sure to buy the ones that use the least amount of energy?  </b>
            {% formfield player.q_13 %}
</p>

<p>
    <b>12)  Do you switch off or completely disconnect electrical devices when not in use (without using the
        standby mode)?  </b>
            {% formfield player.q_14 %}
</p>

 <p>
    <b>13)  Do you use a dryer for your clothes?  </b>
            {% formfield player.q_15 %}
</p>

<p>
    <b>14)  Do you wait until you have a full charge before doing your laundry? </b>
            {% formfield player.q_16 %}
</p>

<p>
    <b>15)  Is the heating in your home turned off late at night (in winter)?   </b>
            {% formfield player.q_17 %}
</p>

<p>
    <b>16)  Do you reduce the room temperature when you are not at home for a long time (in winter)?   </b>
            {% formfield player.q_18 %}
</p>

<p>
    <b>17) Would you prefer to take a shower rather than a bath?</b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_19 %}  </td>
            <td> Strongly agree</td>
        </tr>
    </table>
</p>



<p><b> 18)  Do you regularly defrost the fridge?  </b>? </p>

        <input type="radio" name="q_20" value="1" onclick="show102();" />1 - Never <div id="div10" class="hide">
<hr>
<p>  &nbsp &nbsp &nbsp &nbsp <input type="radio" name="q_20_a" value="1"  />a - Because I bought a frost free fridge on purpose  <br>
     &nbsp &nbsp &nbsp &nbsp <input type="radio" name="q_20_a" value="2"  />b - I share the refrigerator with other people and someone else is responsible for it  <br>
     &nbsp &nbsp &nbsp &nbsp <input type="radio" name="q_20_a" value="3"  />c - Other reason <br>
    &nbsp &nbsp &nbsp &nbsp <i>(If other reason please specify) </i> : <input name="q_20_b" value="" onclick="show103();" /><br>

</p>
 </div> <br>
        <input type="radio" name="q_20" value="2" onclick="show101();" />2 - Rarely <br>
        <input type="radio" name="q_20" value="3" onclick="show101();" />3 - Often <br>
        <input type="radio" name="q_20" value="4" onclick="show101();" />4 - Always <br>

<br> <br>
<p>
    <b>Suppose you are about to book a taxi (e.g. UBER) to Orly airport.


<br> Which option would you choose?
    </b>
            {% formfield player.q_21 %}
</p>

<p>
    <b>20) Do you think that electric cars are less polluting than petrol or diesel cars?  </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_22 %}  </td>
            <td> Strongly agree</td>
        </tr>
    </table>
</p>

<p>
    <b>21) Would you be interested in buying an alternative fuel car?</b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_23 %}  </td>
            <td> Strongly agree</td>
        </tr>
    </table>
</p>

 <p>
     <b>22) Do you drive your car defensively to save fuel?   </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 %}