{{ block title }}
Informed consent
{{ endblock }}

{{ block content }}
<p>
Before proceeding, please give your consent that you voluntarily participate in this study, that you have been sufficiently informed about the nature of the study, and that you explicitly give us your consent that:
<ul>
    <li>We can collect your anonymous, non-sensitive personal data (like age, income, etc).</li>
    <li>We can use this personal data for scientific purposes.</li>
    <li>We can store your anonymous, non-sensitive personal data on our safe-guarded university servers for up to 10 years.</li>
    <li>We can make anonymized data available to other researchers online.</li>
</ul>
</p>
<p>
We promise to protect your data according to the latest General Data Protection Regulation (GDPR) data regulation laws.
Notice that you can also withdraw your consent anytime during the study by returning your submission before completing this study.
In that case, your data will not be stored.
</p>
<p>
In case you have any questions at any point, please contact us at pogliano@ese.eur.nl.
</p>
<br>
<div>
    <pre><button name="consent" value="True" class="btn btn-green">I agree</button>  <button name="consent" value="False" class="btn btn-red">I do not agree</button></pre>
</div>
{{ endblock }}

{% block styles  %}
    <link href="{% static 'global/style.css' %}" rel="stylesheet" />

    <style>
        .btn-green {
            background-color: #008C3C;
            color: white;
            width: 200px;
            font-family: sans-serif;
        }
        .btn-green:hover {
            background-color: #008C3C;
            color: white;
        }
        .btn-red {
            background-color: #E53935;
            color: white;
            width: 200px;
            font-family: sans-serif;
        }
        .btn-red:hover {
            background-color: #E53935;
            color: white;
        }
    </style>
{% endblock %}