{% extends "site.html" %}

{% block head %}
     <script>
      var statustimer;

      function startQueueTimer() {
            statustimer = setInterval(function () {
                $.ajax({
                    url: "{% url 'site:system-dashboard-refresh' %}",
                    success: function (data, status, jqXHR) {
                        $('#dashboard-content').html(data);
                    }
                });
            }, {{ refresh_timeout }});

        }

        function stopQueueTimer() {
            clearInterval(statustimer);
        }

        function enableIdleTimer() {
            $.idleTimer({{ idle_timeout }});

            $(document).bind("idle.idleTimer", function () {
                startQueueTimer();
            });

            $(document).bind("active.idleTimer", function () {
                stopQueueTimer();
            });

        }

        function disableIdleTimer() {
            $.idleTimer('destroy');
        }

        $(function () {
            enableIdleTimer();

            $(document).tooltip();
        });
    </script>
{% endblock %}

{% block pagehead %}
    {% include 'pagehead.html' %}
{% endblock %}

{% block content %}
    <form id="sysDashboardForm" name="sysDashboardForm" method="POST">
        <input type="hidden" id="show-dafe-queues" name="show-dafe-queues" value="N"/>
        {% csrf_token %}

        <div id="dashboard-content">
            {% include 'system-dashboard-content.html' %}
        </div>
    </form>

{% endblock %}