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

{% block title %}
Informed Consent Information
{%  endblock %}

{% block content %}
<div class="panel panel-danger">
    <div class="panel-heading">Attention!</div>
    <div class="panel-body">
        <p>You have <b>{{consent_timeout_min}}</b> minutes to read and accept this
            Consent Form.</p>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="box box1 shadow1">

            <h3>The purpose of the study</h3>
            <p>The purpose of this study is to understand how people make decisions in interactions with others. This
                study is being conducted by Prof. Kim Peters at the University of Exeter and is sponsored by the (US)
                Department of Defense through an award to the Centre for Open Science. </p>

            <h3>Participation and withdrawal</h3>
            <p>Participation in this study is completely voluntary and you are free to withdraw from this study at any
                time without prejudice or penalty. If you wish to withdraw, simply stop completing the task and close
                your browser. If you do withdraw from the study, the materials that you have completed to that point
                will be deleted and will not be included in the study.</p>

            <h3>What is involved?</h3>
            <p>If you take part, you will be asked to make decisions as part of a group with 3 other individuals who
                have been recruited with you in real time. Specifically, you will be given some points, and asked how
                many you would like to allocate to a private account that you keep, and how many you would like to
                allocate to a shared group account that may earn you a bonus. After you make this decision, you will be
                asked to respond to some questions about why you made the decision that you did. You will repeat this
                process 4 times in total. After this, you will be asked to provide some demographic information. </p>

            <h3>Benefits</h3>
            <p>You will be paid £3.00 for completing the study. You will also be paid a bonus on the basis of your
                earnings from one of the four decisions that you make. The size of this bonus will be determined by your
                own decision as well as the decisions of your other group members. If you would like to receive a
                summary of the research findings, please contact Kim Peters on the details provided below. </p>

            <h3>Risks</h3>
            <p>Participation in this study should involve no physical or mental discomfort, and no risks beyond those of
                everyday living. If, however, you should find any question or procedure to be invasive, you are free to
                omit answering or participating in that aspect of the study. </p>

            <h3>Confidentiality and security of data </h3>
            <p>All data collected in this study will be stored confidentially. All data is anonymous and cannot be
                linked to you. The data you provide will only be used for the specific research purposes of this study,
                i.e. the statistical analysis of your decisions. De-identified (anonymous) versions of your data will be
                shared publicly on the Open Science Framework (<a href="http://osf.io">http://osf.io</a>) upon
                completion of the project. Authorised representatives from the Department of Defense Human Research
                Protection program may review and / or obtain identifiable information related to your participation in
                this research study as part of their responsibility to protect human research subject volunteers. </p>

            <h3>Ethics Clearance and Contacts </h3>
            <p>This study has been cleared in accordance with the ethical review processes of the University of Exeter
                Business School. You are free to discuss your participation with project staff
                (<a href="mailto:K.O.Peters2@Exeter.ac.uk">K.O.Peters2@Exeter.ac.uk</a>). Alternatively, you may leave a
                message with the Research Team at the University of Exeter (
                <a
                    href="mailto:business-school-research-office@exeter.ac.uk">business-school-research-office@exeter.ac.uk</a>).
            </p>
            <hr>
            <p>By checking on the box below and proceeding with the experiment, you provide consent that you understand
                the information provided and agree to participate in this study. You acknowledge that your participation
                is voluntary, and that you may withdraw at any time.</p>

            <p class='red'>
                <i>{% formfield player.consent %} I acknowledge that I have read the rules and privacy policy</i>
            </p>
        </div>
    </div>
</div>
<div class="new_placeholder_for_otree_timer" style="font-size: 1.5rem;"></div>
{% next_button %}

{% if form.consent.errors %}
<div class="modal fade" tabindex="-1" role="dialog" id='myModal'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">Please, accept this consent agreement</h4>
            </div>
            <div class="modal-body">
                <p>{{ form.consent.errors }} </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
{% endif %}

</div>
{% if not 'consent' %}
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
    integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
    crossorigin="anonymous"></script>
<script>
    $('#myModal').modal('toggle');
    $(document).ready(function () {
        var probs = $('.probs');
        probs.html("");
    });
</script>

{% endif %}
<script>
    var $otree_timer = $('.otree-timer');
    $otree_timer.remove();
    $otree_timer.removeClass('alert alert-warning');
    $otree_timer.addClass('bs-callout bs-callout-danger');
    $('.new_placeholder_for_otree_timer').append($otree_timer);
    $otree_timer.show()
</script>

{% endblock %}


{% block styles %}
<style>
    .box {
        width: 100%;
        /*height:200px;*/
        float: left;
        background-color: white;
        /*margin:0px 10px 25px 15px;*/
        margin-bottom: 30px;
        border-radius: 5px;
    }

    .box1 {
        background-color: #fcf8e3;
        padding: 20px;
    }

    .shadow1 {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    }

    .red {
        color: red;
    }
</style>
{% endblock %}