{% extends "gateways/base.html" %}{% load i18n %}
{% block title %}{{ phone.name }} – Rivet{% endblock %}
{% block breadcrumbs %}{% include "gateways/_crumbs_phone.html" with current=phone.name %}{% endblock %}
{% block 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 when=phone.disabled_at|date:"SHORT_DATETIME_FORMAT" %}since {{ when }}{% 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>{{ gateway.name }}<br><span class="muted">https://{{ gateway.fqdn }}</span>
      {% if gateway.revoked or not gateway.zone.enabled %}<span class="badge off">{% translate "blocked" %}</span>{% endif %}</dd>
    <dt>{% translate "Created" %}</dt>
    <dd>{{ phone.created|date:"SHORT_DATETIME_FORMAT" }}{% if phone.created_by %} <span class="muted">{% blocktranslate trimmed with who=phone.created_by.get_username %}by {{ who }}{% 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 "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 'phone-rename' phone.id %}">{% translate "Rename" %}</a></p>
  {% if phone.enabled %}
  {% blocktranslate trimmed with name=phone.name|safe asvar t_confirm %}Block phone “{{ name }}”?{% endblocktranslate %}
  <form method="post" action="{% url 'phone-block' phone.id %}"
        onsubmit="return confirm('{{ t_confirm|escapejs }}');">{% csrf_token %}
    <p><button class="danger" type="submit">{% translate "Block" %}</button>
    <span class="muted">{% translate "The phone is cut off immediately." %}</span></p></form>
  {% else %}
  {% if not gateway.revoked and gateway.zone.enabled %}
  <form method="post" action="{% url 'phone-unblock' phone.id %}">{% csrf_token %}
    <p><button class="secondary" type="submit">{% translate "Unblock" %}</button>
    <span class="muted">{% translate "The phone may connect again." %}</span></p></form>
  {% endif %}
  {% endif %}
  {% if not gateway.revoked and gateway.zone.enabled %}
  <p><a class="btn secondary" href="{% url 'phone-rekey' phone.id %}">{% translate "Set up again (new key)" %}</a><br>
    <span class="muted">{% translate "For a new or reset phone. The tunnel address stays." %}</span></p>
  {% endif %}
  <p><a class="btn secondary danger-link" href="{% url 'phone-delete' phone.id %}">{% translate "Remove …" %}</a></p>
</div>
{% endblock %}
{% block head %}<style>
  code.key { word-break:break-all; font-size:.85rem; }
</style>{% endblock %}