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

{% block head_title %}

        Study

{% endblock %}

{% block styles %}

    <style type="text/css">
        h1 {text-align: center; font-size: 35px;}

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

{% endblock %}

{% block content %}

<h1>Result</h1>


<div class="card bg-light m-3">
    <div class="card-body">
        <div class="justify">


            <p style="font-size:18px; text-align:left;">

                This is the end of this round. <br> <br>

                Your total score from  Nonogram is {{nonogram_points_podcast}}. <br> <br>

                You solved {{total_correct_adding_podcast}} out of 5 adding numbers games on time. <br> <br>

                {{ if total_correct_adding_podcast == 5 }}
                    Therefore no point is deducted. <br> <br>
                {{ endif }}

                {{ if total_correct_adding_podcast < 5 }}
                    Therefore {{point_deduction_adding_podcast}} points are deducted. <br> <br>
                {{ endif }}

                Your final score for this round is {{final_points_podcast}}. <br> <br>

                Your payoff for this round is &euro;{{final_payoff_podcast}}. <br><br>

                Please press "Next" to continue.

            </p>

        </div>
    </div>
</div>

<center> <br> <br> {% next_button %}</center>


{% endblock %}



{% block scripts %}
    <script type="text/javascript">

        sessionStorage.removeItem("score");
        sessionStorage.removeItem("pipipi");
        sessionStorage.removeItem("wrong");
        sessionStorage.removeItem("right");
        sessionStorage.removeItem("wrong_green");
        sessionStorage.removeItem("right_green");
        sessionStorage.removeItem("wrong_gray");
        sessionStorage.removeItem("right_gray");
        sessionStorage.removeItem("interval");
        sessionStorage.removeItem("start");
        sessionStorage.removeItem("boardhistory");
        sessionStorage.removeItem("solveorder");
        sessionStorage.removeItem("order");


    </script>
{% endblock %}