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

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


{% block title %}
    Payment Overview
{% endblock %}


{% block content %}

<style>
.otree-timer {
    display: none;
}

p.time {
  background-color: white;
  color: grey;
  text-align: right;
}
</style>

<script>
$(function () {
    $('.otree-timer__time-left').on('update.countdown', function (event) {
        if (event.offset.totalSeconds === 25) {
            $('.otree-timer').show();
        }
    });
});
</script>    

    <p class="time">
        Total time allocated to finish this page: {{ time }} seconds. 
    </p>


    <div class="wrapper instructions">
    <p>

        Your <b>MTurk reward</b> for participating in the study will be <b>$1.00</b>. 
        Additionally, you will get a <b>completion payment</b> of <b>$2.00</b> for finishing all parts of the study.<br>
        <br>
        The study consists of three parts in total. In each part, you will be able 
        to earn <b>additional payments</b>. These additional payments can sum up to <b>$4.70.</b>
        Furthermore, for <b>correctly answering all the check questions</b>, you will receive <b>$0.50</b> 
        (you will get instead $0.20 if not all, but more than two-thirds are correct). <br>
        <br>
        At certain points during the study, you have the possibility to pay for some actions. 
        You will decide if and how much you want to pay. This sum will be deducted from the completion payment. 
        In other words:<br>
        <br>
        <b><span style="color:grey">Final Payment = MTurk reward +  ( completion payment - money paid )
             + additional payments + bonus check questions </span></b><br>
        <br>
        You will receive more detailed instructions before each part of the study.<br>
        <br>
        Please click “Next” to start with Part 1 of the study.
    </p>
    </div>

    {% next_button %}
{% endblock %}