{% 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 points from  Nonogram is {{nonogram_points_forced}}. <br>

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

                <br> Therefore your payoff for this round is &euro;{{final_payoff_forced}}.

                <!--Your score is {{final_points_forced}}. -->

            </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 %}