{{ block title }}
Consent Form
{{ endblock }}
{{ block content }}



<style>
    .otree-body {
        max-width:1280px
    }
</style>

<div class="tab">
     <p>
            The Toulouse School of Economics (1 Esplanade de l’Université, 31080 Toulouse, Cedex 06 France) carries out
            today an academic survey.
          <br>
          <br>
          During the study you will be asked to fulfill some tasks and the answers will be recorded in our
          computer system.  The analysis of the data and the
          presentation of the results of this study will take place exclusively in anonymous form.
          The anonymous research data will be archived and might be made available for other researchers
          for research purposes. Your answers during this study will be anonymous to other participants, meaning that no other participant in the study will
          know your specific answers.
          <br>
          <br>
          Your participation today is completely voluntary.
          For completing this study, you will receive a payment of 5€. You
          can obtain more money during the study.
          <br>
          <br>
          You can at any time cancel your participation in this study.
          However, note that in this case you will not receive any payment.
          <br>
          <br>
          For your participation and the connected data usage, we ask for your consent.
          This consent is the legal basis for any data usage.
          <br>
          <br>
          If you have any remarks or questions regarding this research, you can contact pau.juanbartroli@tse-fr.eu.
          <br>
          <br>
          By clicking <b>Consent and Proceed</b>, I confirm that I read the above and consent to it. I also confirm that I am at least 18 years of age.
          By clicking <b>Leave this survey</b>, I do not consent with the above, and I exit the survey without receiving any payment.
          {{ formfields }}
      </p>
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        <button class="btn btn-primary">Next</button>
</div>

<script>

    let activeTab = 0;

    function showCurrentTabOnly() {
        let tabIndex = 0;
        for (let tab of document.getElementsByClassName('tab')) {
            tab.style.display = tabIndex === activeTab ? 'block' : 'none';
            tabIndex++;
        }
    }

    showCurrentTabOnly();
    for (let btn of document.getElementsByClassName('btn-tab')) {
        btn.onclick = function () {
            activeTab += parseInt(btn.dataset.offset);
            showCurrentTabOnly();
            scroll_Top()
        }
    }
    function scroll_Top() {
        window.scrollTo(0,0)
    }
</script>




{% endblock %}