<h2>Affluence aux guichets</h2>
<div class="esirius-swi">
{% if json.err %}
  <p>Erreur à la récupération de l’information.</p>
{% else %}
  {% with json.data.0 as site %}
  <div class="row">
    <div class="label">Temps d’attente estimé :</div>
    <div class="circle {% if site.closed %}closed{% elif site.estimatedAvgWaitingTimeInMinutes is None %}unknown{% elif site.estimatedAvgWaitingTimeInMinutes < 5 %}level0{% elif site.estimatedAvgWaitingTimeInMinutes < 10 %}level1{% elif site.estimatedAvgWaitingTimeInMinutes < 20 %}level2{% elif site.estimatedAvgWaitingTimeInMinutes < 40 %}level3{% else %}level4{% endif %}">
      <span class="value">{{ site.estimatedAvgWaitingTimeInMinutes|default:"--" }}</span>
      <span class="unit">minutes</span>
    </div>
  </div>
  {% if site.closed %}
  <p>Les guichets sont actuellement fermés.</p>
  {% elif site.estimatedAvgWaitingTimeInMinutes is None %}
  <p>Pas de temps d’attente connu.</p>
  {% elif not site.cumulatedWaitingVisitorNumber %}
  <p>Il n'y a actuellement personne en attente.</p>
  {% else %}
  <p>Il y a actuellement {{ site.cumulatedWaitingVisitorNumber }}
     personne{{ site.cumulatedWaitingVisitorNumber|pluralize:"s" }} en attente.
  </p>
  {% endif %}
  {% endwith %}
{% endif %}
</div>
