{% 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_forced}}. <br>

                <br> You solved {{total_correct_adding_forced}} out of 10 adding numbers games on time. <br>

                {{ if total_correct_adding_forced == 10 }}
                    <br> Therefore no point is deducted. <br>
                {{ endif }}

                {{ if total_correct_adding_forced < 10 }}
                    <br> Therefore {{point_deduction_adding_forced}} points are deducted. <br>
                {{ endif }}

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

                <br>Your payoff for this round is &euro;{{final_payoff_forced}}. <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 %}