{% block title %}
    <h3> Performance Evaluation Overview</h3>
{% endblock %}

{% block content %}<br>
<b>The self-assessment Player B gave to him-/herself was: {{ player.group.get_scenario_id_display }}</b><br><br>
For this scenario,<b> Player A gave the following overall performance evaluation to Player B.</b><br>

- Rating: {{ player.group.final_rating }}<br>
- Explanation: {{ player.group.final_explain }}<br><BR>
- Based on this performance rating, Player B earned a bonus of {{ player.group.bonus }} euros.


<br><br>
<b><p id="timer">Proceeding to next page in 20 seconds...</p></b>

<script>
    let timeLeft = 30;
    const timer = document.getElementById("timer");

    const countdown = setInterval(function() {
        timeLeft--;
        timer.textContent = "Proceeding in " + timeLeft + " seconds...";
        if (timeLeft <= 0) {
            clearInterval(countdown);
        }
    }, 1000);

    setTimeout(function() {
        document.querySelector('form').submit();
    }, 20000);
</script>
{% endblock %}