{% extends "operator/base.html" %}
{% load i18n %}
{% block op_title %}{% blocktranslate trimmed with org=org.name %}Phones – {{ org }}{% endblocktranslate %}{% endblock %}
{% block op_content %}
<h1>{% blocktranslate trimmed with org=org.name %}Phones – {{ org }}{% endblocktranslate %}</h1>
{% for gw in gateways %}
<div class="card" id="gw-{{ gw.id }}">
  <h2><a href="{% url 'betrieb:gateway' gw.id %}">{{ gw.name }}</a>
    {% if not gw.is_active %}<span class="badge off">{% translate "blocked" %}</span>{% endif %}</h2>
  <div class="muted">{% blocktranslate trimmed count n=gw.phone_list|length %}{{ n }} phone{% plural %}{{ n }} phones{% endblocktranslate %}</div>
  {% if gw.is_active %}<p><a class="btn secondary" href="{% url 'betrieb:phone-add' gw.id %}">{% translate "Add phone" %}</a></p>{% endif %}
  <ul class="phones">
    {% for p in gw.phone_list %}
    <li><div><a href="{% url 'betrieb:phone' p.id %}"><strong>{{ p.name }}</strong></a> <span class="muted">{{ p.ip }}</span>
      {% if not p.enabled %}<span class="badge off">{% translate "blocked" %}</span>{% endif %}<br>
      <span class="muted">{% if p.last_handshake %}{% blocktranslate trimmed with time=p.last_handshake|date:"SHORT_DATETIME_FORMAT" %}last connected {{ time }}{% endblocktranslate %}{% else %}{% translate "never connected" %}{% endif %}</span></div></li>
    {% endfor %}
  </ul>
</div>
{% empty %}
<div class="card muted">{% translate "This customer has no gateway yet; phones always belong to a gateway." %}</div>
{% endfor %}
{% endblock %}