{% extends "gateways/base.html" %}{% load i18n %}
{% block title %}{% translate "Rename" %} – Rivet{% endblock %}
{% block breadcrumbs %}{% include "gateways/_crumbs_phone.html" with current=_("Rename") %}{% endblock %}
{% block head %}<style>
  fieldset.kinds { border:1px solid var(--line); border-radius:8px; padding:8px 12px; margin:0 0 12px; }
  fieldset.kinds legend { padding:0 4px; }
  label.kind { display:flex; gap:10px; align-items:flex-start; margin:10px 0; }
  label.kind input { margin-top:5px; }
</style>{% endblock %}
{% block content %}
<h1>{% translate "Edit device" %}</h1>
<div class="card">
  <p class="muted">{% blocktranslate trimmed with ip=phone.address name=gateway.name %}Tunnel address {{ ip }} · gateway {{ name }}{% endblocktranslate %}</p>
  <form method="post">{% csrf_token %}
    {% for e in form.non_field_errors %}<div class="msg error">{{ e }}</div>{% endfor %}
    <p><label for="id_name">{{ form.name.label }}</label><br>{{ form.name }}</p>
    {% for e in form.name.errors %}<div class="msg error">{{ e }}</div>{% endfor %}
    <p class="muted">{{ form.name.help_text }}</p>
    <fieldset class="kinds"><legend>{{ form.access.label }}</legend>
      {% for radio in form.access %}<label class="kind">{{ radio.tag }} <span>{{ radio.choice_label }}</span></label>{% endfor %}
    </fieldset>
    <p><button type="submit">{% translate "Save" %}</button> <a class="btn secondary" href="{% url 'phone-detail' phone.id %}">{% translate "Cancel" %}</a></p>
  </form>
</div>
{% endblock %}