{% extends "operator/base.html" %}
{% load i18n %}
{% block op_title %}{{ phone.name }}{% endblock %}
{% block op_content %}
<h1>{{ phone.name }}</h1>
<div class="card">
  <dl class="facts">
    <dt>{% translate "Status" %}</dt><dd>{% if phone.enabled %}{% translate "active" %}{% else %}<span class="badge off">{% translate "blocked" %}</span>{% if phone.disabled_at %} {% blocktranslate trimmed with time=phone.disabled_at|date:"SHORT_DATETIME_FORMAT" %}since {{ time }}{% endblocktranslate %}{% endif %}{% endif %}</dd>
    <dt>{% translate "Tunnel address" %}</dt><dd>{{ phone.address }}</dd>
    <dt>{% translate "Access" %}</dt><dd>{{ phone.get_access_display }}</dd>
    <dt>{% translate "Gateway" %}</dt><dd><a href="{% url 'betrieb:gateway' gateway.id %}">{{ gateway.name }}</a>{% if not gateway.is_active %} <span class="badge off">{% translate "blocked" %}</span>{% endif %}<br><span class="muted">https://{{ gateway.fqdn }}</span></dd>
    <dt>{% translate "Customer" %}</dt><dd>{{ org.name }}</dd>
    <dt>{% translate "Created" %}</dt><dd>{{ phone.created|date:"SHORT_DATETIME_FORMAT" }}{% if phone.created_by %} <span class="muted">{% blocktranslate trimmed with user=phone.created_by.get_username %}by {{ user }}{% endblocktranslate %}</span>{% endif %}</dd>
    <dt>{% translate "Last seen" %}</dt><dd>{% if phone.last_handshake %}{{ phone.last_handshake|date:"SHORT_DATETIME_FORMAT" }}{% else %}{% translate "never connected" %}{% endif %}</dd>
    <dt>{% translate "Data volume" %}</dt><dd>{% blocktranslate trimmed with rx=phone.rx_bytes|filesizeformat tx=phone.tx_bytes|filesizeformat %}received {{ rx }} · sent {{ tx }}{% endblocktranslate %}</dd>
    <dt>{% translate "Identifier" %}</dt><dd><code class="key">{{ phone.peer_id }}</code></dd>
    <dt>{% translate "Public key" %}</dt><dd><code class="key js-phone-public-key">{{ phone.public_key }}</code></dd>
  </dl>
</div>
{% include "gateways/_phone_setup.html" %}
<div class="card actions">
  <h2>{% translate "Manage" %}</h2>
  <p><a class="btn secondary" href="{% url 'betrieb:phone-rename' phone.id %}">{% translate "Rename" %}</a></p>
  {% if phone.enabled %}
  <p><a class="btn secondary danger-link" href="{% url 'betrieb:phone-block' phone.id %}">{% translate "Block …" %}</a>
    <span class="muted">{% translate "The phone is cut off immediately." %}</span></p>
  {% elif gateway.is_active %}
  <form method="post" action="{% url 'betrieb:phone-unblock' phone.id %}">{% csrf_token %}
    <p><button class="secondary" type="submit">{% translate "Unblock" %}</button></p></form>
  {% endif %}
  {% if gateway.is_active %}
  <p><a class="btn secondary" href="{% url 'betrieb:phone-rekey' phone.id %}">{% translate "Set up again (new key) …" %}</a></p>
  {% endif %}
  <p><a class="btn secondary danger-link" href="{% url 'betrieb:phone-delete' phone.id %}">{% translate "Remove …" %}</a></p>
</div>
{% endblock %}