<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>23) Do you agree with higher taxes for environmentally damaging behaviour?   </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_25 %}  </td>
            <td> Strongly agree</td>
        </tr>
    </table>
</p>

 <p>
     <b>24) Do you vote for political parties that have environmental issues at the top of their agenda?</b>

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


 <p>
     <b>25) Do you often discuss environmental issues with friends?  </b>

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



<br><br>
<p><b> 26) Are you a member of an environmental organisation? If so, which one?   </b>? </p>
<input type="radio" name="q_28" value="0" onclick="show101();" />No <br>
<input type="radio" name="q_28" value="1" onclick="show102();" />Yes <div id="div10" class="hide">
<hr>
<p>{% formfield player.q_28_a %}
     </p>
 </div>

        <br><br>


<p>
    <b>27) Do you support financial incentives for environmentally beneficial technology?   </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_29 %}  </td>
            <td> Strongly agree</td>
        </tr>
    </table>
</p>

<br>
 <p>
     <b> 28) For each of the following actions, please indicate whether it can reduce the
         individual carbon footprint to a small or very large extent:    </b>
</b>
  <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <th colspan=3>a. avoid air travel. Reduced way: </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. have fewer children. Reduced way:  </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. not having a car Reduced way: </th>
        </tr>
            <td>Peu importante</td>
            <td> {% formfield player.q_30_c %}  </td>
            <td>  Très importante </td>
        </tr>

        <tr>
            <th colspan=3>d. a vegetarian diet Reduced way:   </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) How many children do you want to have? </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">more than 5</option>
  </select>
  <br><br>
</form>

<p>
   <b> 30) Did you know that you currently live in a green (low energy) building?
    </b>
       {% formfield player.q_32 %}
</p>

<p>
    <b>31) What do you think are the main differences between a green building and a conventional building? </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <th colspan=3>a-	Landscaping and physical activity   </th>>
        </tr>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_33_a %}  </td>
            <td> Strongly agree</td>
        </tr>
        <tr>
            <th colspan=3>b-	Indoor air quality   </th>>
        </tr>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_33_b %}  </td>
            <td> Strongly agree</td>
        </tr>
        <tr>
            <th colspan=3>c-	Indoor noise  </th>
        </tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_33_c %}  </td>
            <td> Strongly agree</td>
        </tr>

        <tr>
            <th colspan=3>d-	Annual energy consumption  </th>
        </tr>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_33_d %}  </td>
            <td> Strongly agree</td>
        </tr>
        <tr>
            <th colspan=3>e-	Annual consumption of drinking water  </th>
        </tr>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_33_e %}  </td>
            <td> Strongly agree</td>
        </tr>

       <tr>
            <th colspan=3>f-	Monthly management costs </th>
        </tr>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_33_f %}  </td>
            <td> Strongly agree</td>
        </tr>
    </table>
</p>

<p>
    <b>32) If you were to move, would you be interested in living in a green building?   </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_34 %}  </td>
            <td> Strongly agree</td>
        </tr>
    </table>
</p>


<p>
    <b>33) Would you be willing to pay more to live in a green building?  </b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Strongly disagree </td>
            <td> {% formfield player.q_35 %}  </td>
            <td> Strongly agree</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 %}