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

{% block title %}

{% endblock %}

{% block styles %}
<style>
.otree-btn-next {
    float: right;
}
.form-check-input {
    position: relative;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto
}
.col-form-label {
    font-weight:bold;
}
p{
    text-align: justify;
    text-justify: inter-word;
}
.info {
    padding: 15px 15px 0px 15px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
</style>
{% endblock %}


{% block content %}
<div class="card info" style="background-color:#d3e9f8;">
    <p>

Thank you for participating
    <p/>
    <p>
        To complete the survey please press "Next" to be redirected to Prolific.
    </p>
</div>
<br><br>
<div style="display:inline-block; margin:0; float: left;"> </div> <button onclick="endPage()" class="otree-btn-next btn btn-primary"> Next </button>

{% endblock %}

{% block scripts %}
<script>

function endPage() {
    window.open(js_vars.url, "_blank");
};

</script>
{% endblock %}