{% set p_espera=0 %}
{% for s in servicios %}
{% set p_espera = p_espera+s.personasEnFila+s.personasEnFilaEspecial+s.personasReservas %}
<tr>
    <td style="vertical-align:middle; text-align:center"><b>{{ s.id }}</b></td>
    <td style="vertical-align:middle; text-align:center; font-size:1.5vw; text-shadow: 5px 5px 2px rgba(150, 150, 150, 0.5);">{{ s.nombre }}</td>
    <td>
    <table class="table">
       <tr>
              <td style="width:250px"><b><i class="fa fa-male"></i>&nbsp;<b>Personas en la fila</b>&nbsp;({{ s.personasEnFila }})</td>
              <td>

                     {% if s.personasEnFila>0 %}
                     {% for t in s.turnos %}
                     {% set minutos_espera = t.horaIngreso.diff(date("now")).format('%H:%i') %}
                     <i class="fa fa-caret-left" aria-hidden="true"></i>
                     {% if t.origen==0 or t.origen==2 %}
                            <span onclick="opcionesTurno({{ t.id }})" class="info-box-icon {% if s.minutosAlerta >0 and s.minutosAlerta<=minutos_espera %}bg-danger{% else %}bg-warning{% endif %}  elevation-1" style="padding:3px">
                                <i class="fas fa-male"></i>&nbsp;<b>{{ t.turnoLabel}}</b>&nbsp;| {{ minutos_espera }} min.
                                {% if t.comentario!='' %}
                                <i class="fas fa-comment"></i>
                                {% endif %}
                            </span>


                     {% elseif t.origen==1 %}
                            <span onclick="opcionesTurno({{ t.id }})" class="info-box-icon bg-primary elevation-1" style="padding:3px"><i class="fa fa-mobile" aria-hidden="true"></i>
                     &nbsp;<b>{{ t.turnoLabel}}</b>&nbsp;| {{ minutos_espera }} min.
                                {% if t.comentario!='' %}
                                    <i class="fas fa-comment"></i>
                                {% endif %}

                            </span>
                     {% endif %}
                     {% endfor %}
                     {% endif %}
                                   
              </td>
       </tr>
       {% if s.filaEspecial  %}
       <tr style="background-color: antiquewhite;">
              <td style="width:250px"><b><i class="fa fa-blind"></i><i class="fa fa-wheelchair"></i>&nbsp;<b>Fila especial</b>&nbsp;({{ s.personasEnFilaEspecial }})</td>
              <td>

                     {% if s.personasEnFilaEspecial>0 %}
                     {% for t in s.prioritarios %}
                     {% set minutos_espera = t.horaIngreso.diff(date("now")).format('%H:%i') %}
                     <i class="fa fa-caret-left" aria-hidden="true"></i>
                     {% if t.origen==0 %}
                            <span onclick="opcionesTurno({{ t.id }})" class="info-box-icon bg-warning elevation-1" style="padding:3px"><i class="fas fa-wheelchair"></i>&nbsp;<b>{{ t.turnoLabel}}</b>&nbsp;| {{ minutos_espera }} min.
                            {% if t.comentario!='' %}
                                <i class="fas fa-comment"></i>
                            {% endif %}</span>
                     {% elseif t.origen==1 %}
                            <span onclick="opcionesTurno({{ t.id }})" class="info-box-icon bg-primary elevation-1" style="padding:3px"><i class="fa fa-mobile" aria-hidden="true"></i>
                     &nbsp;<b>{{ t.turnoLabel}}</b>&nbsp;| {{ minutos_espera }} min.
                            {% if t.comentario!='' %}
                                <i class="fas fa-comment"></i>
                            {% endif %}</span>
                     {% endif %}
                     {% endfor %}
                     {% endif %}
                                   
              </td>
       </tr>
       
       {%  endif  %}
      
       <tr>
              <td><i class="fa fa-hand-paper"></i>&nbsp;<b>Pospuestos</b>&nbsp;({{ s.pospuestos | length }})</td>
              <td>
              
                     {% if s.pospuestos | length >0 %}
                     {% for t in s.pospuestos %}
                     {% set minutos_espera = t.horaIngreso.diff(date("now")).format('%H:%i')  %}
                     <i class="fa fa-caret-left" aria-hidden="true"></i>
                    
                            <span class="info-box-icon  elevation-1" style="padding:3px" onclick="activar_turno({{ t.id }})"><i class="fa fa-hand-paper"></i>&nbsp;<b>{{ t.turnoLabel }}</b>&nbsp;| {{ minutos_espera }} min.</span>
             
                     {% endfor %}
                     {% endif %}
              
              </td>
       </tr>
       <tr>
              <td><i class="fa fa-clock"></i>&nbsp;<b>Agendamientos</b>&nbsp;({{ s.personasReservas }})</td>
              <td>
              
                     {% if s.personasReservas>0 %}
                     {% for r in s.reservas %}
                     <i class="fa fa-caret-left" aria-hidden="true"></i>
                     {% if r.statusAtencion==0 %}
                            {% if r.hora_llegada_cliente is null %}
                            <span class="info-box-icon bg-warning elevation-1" style="padding:3px" onclick="atender_reserva({{ r.id }})"><i class="fas fa-clock"></i>
                            &nbsp;<b>{{ r.codigo }}</b>&nbsp;|&nbsp;{{ r.hora_reserva|date("H:i") }}</span>
                            {% else %}
                            <span class="info-box-icon bg-primary elevation-1" style="padding:3px" onclick="atender_reserva({{ r.id }})"><i class="fas fa-clock"></i>
                            &nbsp;<b>{{ r.codigo }}</b>&nbsp;|&nbsp;{{ r.hora_reserva|date("H:i") }}</span>
                            {% endif %}
                     {% else %}
                            <span class="info-box-icon bg-success elevation-1" style="padding:3px"><i class="fa fa-user" aria-hidden="true"></i>
                            &nbsp;<b>{{ r.codigo }}</b>&nbsp;|&nbsp;{{ r.hora_reserva|date("H:i") }}</span>
                     {% endif %}
                     {% endfor %}
                     {% endif %}
              
              </td>
       </tr>
    </table>
    
    </td>

</tr>

{% endfor %}
X:{{ p_espera }}
<script>

       $("#lbl_personas_en_espera").html('{{ p_espera }}');


        

</script>