{% extends "global/Page.html" %}
{% load static otree %}




{% comment %}
Versuch einen Timer anzuzeigen.
Countdown der auf den pages durch <span id="time">01:00</span> eingebunden wird.
Anders wie timeout_seconds, der in pagey.py definiert werden kann, hat dieser countdown keine submissions.
Unten auskommentiert: Pop-Up Fenster nach 60 sec.
Hierfür extends "giftExchange/Page.html" in andere pages.
{% endcomment %}

{% block app_scripts %}
<script>
function startTimer(duration, display) {
    var timer = duration, minutes, seconds;
    setInterval(function () {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;
        //seconds.style.color = "blue";

        if (timer > 0) {
             display.text(minutes + ":" + seconds);
             --timer;
        } else if (timer < 0) {
            //minutes.style.color = "blue";
            //display.style.color = "blue";
            //timer.style.color = "blue";
            timer = 0;
            // display.text("00:00");
            var timerCount = document.getElementById("timerCount");
            timerCount.style.color = "red";
            // time.style.backgroundColor = "red";
            setInterval(function () {
                timerCount.style.display = (timerCount.style.display == 'none' ? '' : 'none');
            }, 1000);
        } else {
            display.text(minutes + ":" + seconds);
            --timer;
        }
    }, 1000);
}

jQuery(function ($) {
    var minutes = 60 * 1,
        display = $('#time');
    startTimer(minutes, display);
});

jQuery(function ($) {
    display = $('#period');
    period = '{{ periodSub }}';

    display.text(period + " von " + "{{ Constants.num_rounds }}");
})


</script>
{% comment %}
<script>
    setTimeout(
       function () {
           alert("Time has run out. Please make your decision.");  //Pop-up Fenster
       },
       60*1000 // 60 seconds
    );
</script>
{% endcomment %}
{% endblock %}