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


{# ****************************************************************************************************************** #}
{# *** STYLES *** #}
{# ****************************************************************************************************************** #}
{% block styles %}
    <link href="{% static 'Results/css/custom.css' %}" rel="stylesheet"/>
{% endblock %}

{# ****************************************************************************************************************** #}
{# *** SCRIPTS *** #}
{# ****************************************************************************************************************** #}
{% block scripts %}
    <script type="text/javascript">
        // Pressing enter does not submit the form.
        $(document).ready(function() {
            $(window).keydown(function(event){
                if ((event.keyCode == 13) || (event.keyCode == 32)){
                event.preventDefault();
                return false;
               }
            });
        });
    </script>
{% endblock %}

{# ****************************************************************************************************************** #}
{# *** TITLE *** #}
{# ****************************************************************************************************************** #}
{% block title %}
    {% trans "Final Results" %}
{% endblock %}


{# ****************************************************************************************************************** #}
{# *** CONTENT *** #}
{# ****************************************************************************************************************** #}
{% block content %}
<script>
    d = new Date();
    d_28 = new Date(d.setDate(d.getDate() + 28));

    var weekday = new Array(7);
    weekday[0] = "dimanche";
    weekday[1] = "lundi";
    weekday[2] = "mardi";
    weekday[3] = "mercredi";
    weekday[4] = "jeudi";
    weekday[5] = "vendredi";
    weekday[6] = "samedi";

    var month = new Array();
    month[0] = "janvier";
    month[1] = "février";
    month[2] = "mars";
    month[3] = "avril";
    month[4] = "mai";
    month[5] = "juin";
    month[6] = "juillet";
    month[7] = "août";
    month[8] = "septembre";
    month[9] = "octobre";
    month[10] = "novembre";
    month[11] = "décembre";

    var weekday_28 = weekday[d_28.getDay()];
    var month_28 = month[d_28.getMonth()];

    var date_28 = d_28.getDate() + " " + month_28 + " " + d_28.getFullYear();
</script>

    <div style="font-size: 18px" align="center">
        Your ID participant is : {{id}}
    </div>
    <div class="wrapper instructions" align="justify">

        {% if orig_payment >= 10 %}
            {% if payment_tomorrow > 0 %}
            <p>
                You have now completed all the tasks for today.
                Thank you for your participation.  <br> <br>
                In the first part, you earned  <b>{{payment_risk}}</b>.<br>
                In the second part, you earned <b>{{payment_time}}</b>.<br>
                The total amount you earned in this study is: <b>{{total_payment}}</b>.<br> <br>
                This amount will be paid as follows: <b>{{payment_today}}</b> will be paid to you today, and
                <b>{{payment_tomorrow}}</b> will be paid to you <b>tomorrow</b>.
                Please note that all payments will be made via PayPal.
            </p>
            {% endif %}
            {% if payment_tomorrow == 0 %}
            <p>
                You have now completed all the tasks for today.
                Thank you for your participation.  <br> <br>
                In the first part, you earned  <b>{{payment_risk}}</b>.<br>
                In the second part, you earned <b>{{payment_time}}</b>.<br>
                The total amount you earned in this study is: <b>{{total_payment}}</b>.<br> <br>
                This amount will be paid as follows: <b>{{payment_today}}</b> will be paid to you today, and
                <b>{{payment_4w}}</b> will be paid to you in 4 weeks, on <b><script> document.write(date_28); </script></b>.
                Please note that all payments will be made via PayPal.
            </p>
            {% endif %}
        {% endif %}

        {% if orig_payment < 10 %}
            {% if payment_tomorrow > 0 %}
            <p>
                You have now completed all the tasks for today.
                Thank you for your participation.  <br> <br>
                In the first part, you earned  <b>{{payment_risk}}</b>.<br>
                In the second part, you earned <b>{{payment_time}}</b>.<br>
                The total amount you earned in this study is: <b>{{total_payment}}</b>.<br> <br>
                However, as we promised that you would earn at least 10 euros, we will increase your compensation so that you earn {{total_payment}}.
                This amount will be paid as follows: <b>{{payment_today}}</b> will be paid today, and
                <b>{{payment_tomorrow}}</b> will be paid <b>tomorrow</b>.
                Please note that all payments will be made via PayPal.
            </p>
            {% endif %}
            {% if payment_tomorrow == 0 %}
            <p>
                 You have now completed all the tasks for today.
                Thank you for your participation.  <br> <br>
                In the first part, you earned  <b>{{payment_risk}}</b>.<br>
                In the second part, you earned <b>{{payment_time}}</b>.<br>
                The total amount you earned in this study is: <b>{{total_payment}}</b>.<br> <br>
                However, as we promised that you would earn at least 10 euros, we will increase your compensation so that you earn {{total_payment}}.
                This amount will be paid as follows: <b>{{payment_today}}</b> will be paid today, and
                <b>{{payment_4w}}</b> will be paid to you in 4 weeks, on <b><script> document.write(date_28); </script></b>.
                Please note that all payments will be made via PayPal.
            </p>
            {% endif %}
        {% endif %}

    <p>
        You have now reached the end of our study.
        To receive your payments, you must click on the link below.
        Once this is done, your participation will automatically be recorded as complete.
        Thank you for your participation.
    </p>
        <div align="center">
            <br>
            <button class="btn btn-primary btn-large" onclick="window.open('{{compl_link}}','_blank')" type="submit"> Completion Link</button>
            <br> <br>
        </div>

    </div>

{% endblock %}