{% extends "module.html.twig" %}
{% block moduleContent %}
<div id="monitor-fila">
    <div class="header clearfix">
        <h2>{% trans %}Fila de atendimento em tempo real{% endtrans %}</h2>
        <form class="form-inline config" role="form" onsubmit="return false">
            <div class="form-group">
                <label for="tempo-maximo">{% trans %}Destacar espera acima de{% endtrans %}</label>
                <input type="number" id="tempo-maximo" class="form-control" min="1" max="999" value="{{ tempoMaximo }}" />
                <label for="tempo-maximo">{% trans %}minutos{% endtrans %}</label>
            </div>
            <div class="totais">
                <span class="label label-primary" title="{% trans %}Total de senhas aguardando{% endtrans %}">
                    {% trans %}Aguardando{% endtrans %}: <span id="total-aguardando">0</span>
                </span>
                <span class="label label-danger" title="{% trans %}Senhas acima do tempo máximo de espera{% endtrans %}">
                    {% trans %}Em alerta{% endtrans %}: <span id="total-alerta">0</span>
                </span>
            </div>
        </form>
    </div>
    <table class="table table-striped">
        <thead>
            <tr>
                <th class="senha">{% trans %}Senha{% endtrans %}</th>
                <th>{% trans %}Fila{% endtrans %}</th>
                <th>{% trans %}Prioridade{% endtrans %}</th>
                <th>{% trans %}Chegada{% endtrans %}</th>
                <th class="espera">{% trans %}Tempo de espera{% endtrans %}</th>
            </tr>
        </thead>
        <tbody id="fila-atendimentos">
        </tbody>
    </table>
    <p id="fila-vazia" style="display:none">{% trans %}Nenhuma senha aguardando atendimento{% endtrans %}</p>
</div>

<div id="sga-clock" title="{% trans %}Data e hora no servidor{% endtrans %}"></div>
<script type="text/javascript">
    {% for su in servicos %}
    SGA.Monitor.Fila.ids.push({{ su.servico.id }});
    {% endfor %}
    SGA.Clock.init("sga-clock", {{ milis }});
    SGA.Monitor.Fila.init({{ milis }}, {{ tempoMaximo }});
</script>
{% endblock %}