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

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

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

                {{ if total_correct_adding_no_distraction < 5 }}
                    Therefore {{point_deduction_adding_no_distraction}} points are deducted. <br> <br>
                {{ endif }}


                You chose Sequential with {{budgetdeduction}} points deducted over Interruptions. <br> <br>

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

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

                Please press "Next" to continue.

            </p>

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



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