{% extends "operator/base.html" %}
{% load i18n %}
{% block op_title %}{% blocktranslate trimmed with org=org.name %}Gateways – {{ org }}{% endblocktranslate %}{% endblock %}
{% block op_content %}
<h1>{% blocktranslate trimmed with org=org.name %}Gateways – {{ org }}{% endblocktranslate %}</h1>
<p><a class="btn" href="{% url 'betrieb:code-add' org.id %}">{% translate "Add gateway" %}</a></p>
{% if codes %}
<div class="card">
  <h2>{% translate "Waiting for registration" %}</h2>
  <ul class="phones">
    {% for rc in codes %}
    <li id="code-{{ rc.id }}">
      <div><strong>{{ rc.gateway_name|default:org.name }}</strong> <span class="badge">{% translate "waiting for registration" %}</span><br>
        <span class="muted">{% blocktranslate trimmed with code=rc.code|slice:":4" date=rc.expires_at|date:"SHORT_DATETIME_FORMAT" %}Code {{ code }}-…, valid until {{ date }}{% endblocktranslate %}</span></div>
      <form class="inline" method="post" action="{% url 'betrieb:code-withdraw' rc.id %}"
            onsubmit="return confirm('{% translate "Withdraw registration code? It will be invalid afterwards." %}');">{% csrf_token %}
        <button class="danger" type="submit">{% translate "Withdraw" %}</button></form>
    </li>
    {% endfor %}
  </ul>
</div>
{% endif %}
{% for gw in gateways %}
<div class="card">
  <h2><a href="{% url 'betrieb:gateway' gw.id %}">{{ gw.name }}</a></h2>
  <div class="muted">https://{{ gw.fqdn }}</div>
  <div>{% include "gateways/_gw_status.html" %}</div>
  <div>{% include "gateways/_uplink_status.html" %}</div>
  <div class="muted">{{ gw.get_uplink_mode_display }} · {% blocktranslate trimmed count n=gw.phones_total %}{{ n }} phone{% plural %}{{ n }} phones{% endblocktranslate %}{% if gw.version %} · {% blocktranslate trimmed with version=gw.version %}Version {{ version }}{% endblocktranslate %}{% endif %} · {% blocktranslate trimmed with address=gw.uplink_address %}Uplink {{ address }}{% endblocktranslate %}</div>
</div>
{% empty %}
<div class="card muted">{% translate "No gateway registered yet." %}</div>
{% endfor %}
{% endblock %}