<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>1) Quel est le pourcentage de produits bio et/ou écologique que vous avez l’habitude d’acheter ?</b>
        {% formfield player.q_1 %}
        </p>

<br>
 <p>
       <b>  2) Pour chacun des critères suivants, merci d’indiquer si cela peut influencer vos choix de produits à acheter :
</b>
  <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <th colspan=3>a. prix </th>>
        </tr>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_2_a %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
        <tr>
            <th colspan=3>b. provenance </th>>
        </tr>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_2_b %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
        <tr>
            <th colspan=3>c. qualité et/ou goût </th>
        </tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_2_c %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>


            <th colspan=3>d. label  </th>
        </tr>

                <tr>
                    <td colspan=3>&nbsp &nbsp &nbsp &nbsp &nbsp <b>* label Bio </b>
            <br> <i>Un produit Bio est un produit issu de l’agriculture biologique (c’est une méthode de production
                agricole qui exclut le recours à la plupart des produits chimiques de synthèse, des produits
                toxiques etc.). Il existe un label (AB) en France qui permet d’authentifier les produits issus
                            de cette méthode d’agriculture.</i>
            </td>
        </tr>
        <tr>
            <td> &nbsp &nbsp &nbsp &nbsp Pas du tout d'accord </td>
            <td> {% formfield player.q_2_e %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
                <tr>
                    <td colspan=3>&nbsp &nbsp &nbsp &nbsp &nbsp <b>* label écologique</b>
                    <br> <i>Un produit écologique est un produit qui va être pensé, conçu, emballé, distribué,
                        recyclé de manière à minimiser l’impact sur l’environnement. Il doit respecter de
                        nombreuses règles liées à ces étapes lors d’un cahier des charges établis par un
                        organisme tel ECOLABEL ou ECOCERT. Un produit écologique doit être conçu dans un
                        maximum de respect de l’environnement (respect lié à l’utilisation des matières
                        premières et des machines lors de la fabrication). Le cycle de vie du produit ainsi
                            que son recyclage sont également des points importants à prendre en considération.</i>
                    </td>
        </tr>
        <tr>
            <td> &nbsp &nbsp &nbsp &nbsp Pas du tout d'accord </td>
            <td> {% formfield player.q_2_f %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
                <tr>
                    <td colspan=3>&nbsp &nbsp &nbsp &nbsp &nbsp <b>* label commerce équitable</b>
                    <br> <i>Le commerce équitable est un partenariat commercial et international, reposant sur
                        des principes concrets et lancé depuis près de 20 ans. Son objectif est de pouvoir
                        garantir un meilleur équilibre entre les producteurs et les revendeurs, en assurant
                        de meilleures conditions de travail et une meilleure rémunération pour les petits
                            producteurs.</i>
                    </td>
        </tr>
        <tr>
            <td> &nbsp &nbsp &nbsp &nbsp Pas du tout d'accord </td>
            <td> {% formfield player.q_2_g %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>
                <tr>
            <th colspan=1>&nbsp &nbsp &nbsp &nbsp &nbsp * autre label <br>(si oui, à indiquer)  </th>
                    <td> {% formfield player.q_2_h %}  </td>
        </tr>


    </table>
 </p>

        <p>
         <b> 3) Faites-vous des achats en ligne (dont des achats de vêtements) ?  </b>
        {% formfield player.q_3 %}
        </p>

<p>
    <b>4) Pensez-vous qu’il est moins écologique de faire des achats en ligne plutôt que des achats en magasin ?</b>
      <table class='table text-left' style='width: auto; margin: auto'>
        <tr>
            <td> Pas du tout d'accord </td>
            <td> {% formfield player.q_4 %}  </td>
            <td> Tout à fait d'accord</td>
        </tr>


    </table>
</p>

<p>
    <b>5) Apportez-vous votre propre tasse de café (thé) à l'école / au travail (au lieu d'utiliser les tasses de la machine à café) ? </b>
            {% formfield player.q_6 %}
</p>


<p>
    <b>6) Triez-vous vos déchets ménagers ?   </b>
            {% formfield player.q_8 %}
</p>

<p>
    <b> 7) Utilisez-vous un bac à compost ?   </b>
            {% formfield player.q_9 %}
</p>
<p>
    <b>8) Collectez-vous et recyclez-vous les papiers usagés ?  </b>
            {% formfield player.q_10 %}
</p>

<p>
    <b>9) Réutilisez-vous vos sacs de course ?   </b>
            {% formfield player.q_11 %}
</p>

<p>
    <b>10) Renvoyez-vous les piles usées aux points de collecte des déchets dangereux ?   </b>
            {% formfield player.q_12 %}
</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 %}