{% extends "global/Page.html" %}
{% load staticfiles otree %}
{% load staticfiles %}

{% block title %}
Participation Consent
{% endblock %}

{% block content %}

<style>
    .consent-choice {
        padding-left: 3%;
    }
</style>

<div class="question" align="justify">
    The purpose of this research is to better understand how people think about the economy. If you agree to
    participate, your part will be to read a set of instructions and answer a series of questions. It should take around
    15 minutes of your time. Your answers are anonymous and handled with full confidentiality. There are no foreseeable
    risks or costs to you for participating in this study.
    <br>
    <br>
    Your participation is completely voluntary. You do not have to participate if you do not want to. You are free not
    to answer any questions or withdraw from the study at any time. If you have any questions, concerns, or complaints
    about the study, you may contact Markus Prior at mprior@princeton.edu. You can also contact the Princeton University
    Institutional Review Board at irb@princeton.edu.
    <br>
    <br>
    By proceeding, you confirm that you understand the above statements and agree to participate in the study.
    <br>
    <br>
    Do you agree to participate in this study?
</div>

<br>

<div class="consent-choice">
    <input type="radio" name="consent" id="yes-consent" value="1" />
    <label for="yes-consent">I would like to participate.</label>
    <br>
    <input type="radio" name="consent" id="no-consent" value="0" />
    <label for="no-consent">I would not like to participate.</label>
</div>

<input id="consent__answer" type="hidden" name="consent_answer" value="{{player.consent_answer}}">
<br>

<script>
    function alertFunction() {
        alert('You must choose "I would like to participate" in order to participate in the study')
        return false
    }
</script>

<div class="waiting" onclick="return alertFunction();">
    {% next_button %}
</div>

<div class="next-button">
    {% next_button %}
</div>


{% endblock %}

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

{% block scripts %}
<script src="{% static 'CTB/scripts/consent.js' %}"></script>
{% endblock %}