{{ block title }}
The study has ended
{{ endblock }}

{{ block content }}
<p>
Thank you for your participation!
</p>
<br>
<b>Base payment</b>
<p>
You earned the base payment of 10.00 USD for completing the study.
</p>
<br>
<b>Bonus payment</b>
<p>
We have selected 3 random figures from Part 1: figure {{ q1 }}, figure {{ q2 }}, and figure {{ q3 }}. <br>
You have answered {{ raven_score }} correctly.
Your bonus from Part 1 is <span id="total-raven">{{ raven_money }}</span> USD.
</p>
<p>
{{ if load == 1 }}
We have selected 1 random scenario from Part 2: scenario {{ cognitiveload_task }}. <br>
You have  
{{ if cognitiveload_score == 1 }}
correctly 
{{ else }}
incorrectly
{{ endif }}
recalled the digit in that scenario.
{{ elif load == 0 }}
We ran a lottery to determine your additional payment for Part 2. <br>
You lost the lottery.
{{ endif }}
<br>
You have answered {{ math_score }} math problems correctly in Part 2.<br>
Your bonus from Part 2 is <span id="total-load">{{ part2_bonus }}</span> USD.
</p>
<p>
Your total additional bonus is <span id="total-bonus">{{ total_bonus }}</span> USD. 
</p>
<br>	
<p>
You will receive the full payment of <b><span id="total-payment">{{ total_payment }}</span> USD</b>.
</p>
<br>

<img src="https://i.imgur.com/yqhYwsJ.png" width="250px" /> <img src="https://i.imgur.com/BB9hc2p.png" width="250px" /> 
{{ endblock }}

{{ block style }}
	<link rel="stylesheet" href="{% static 'global/style.css' %}"/>
	<script>
        let total_raven = document.getElementById("total-raven");
		let raven = parseFloat(total_raven.innerText);
		total_raven.innerText = raven.toFixed(2);

		let total_load = document.getElementById("total-load");
		let load = parseFloat(total_load.innerText);
		total_load.innerText = load.toFixed(2);

		let total_bonus = document.getElementById("total-bonus");
		let bonus = parseFloat(total_bonus.innerText);
		total_bonus.innerText = bonus.toFixed(2);

		let total_payment = document.getElementById("total-payment");
		let payment = parseFloat(total_payment.innerText);
		total_payment.innerText = payment.toFixed(2);
    </script>
{{ endblock }}