{% extends "global/Page.html"%}
{% load staticfiles otree_tags%}

{% block title %}
Math Problem Feedback
{%endblock%}



{% block content %}

<img src="{% static "minimum_effort_game/MEGPayoffMatrix.png" %}"/>

<p><b>Feedback:</b></p>

{% if correct %}

<p> Correct! </p>

{% else %}

<p> Incorrect </p>

{% endif %}

<p> The answer was {{answer}} </p>
<p> And you said {{input_ans}} </p>


<div id="next">
    {% next_button %}
</div>

<div style="display: none">
    {% formfield player.timeonpage_MathProblemFeedback %}
</div>

<script>
start=new Date().getTime()
timebox=document.getElementById("id_timeonpage_MathProblemFeedback")

function getPageTime(){
    pagetime=(new Date().getTime() - start)/1000
    return pagetime;
}

function compute_page_vals(){
    timebox.value=getPageTime()
}

document.getElementById("next").addEventListener("click", compute_page_vals);
</script>

{# {% include Constants.instructions_template %} #}


{% endblock %}