{% extends "gateways/base.html" %}{% load i18n %}
{% block title %}{% translate "Set up again" %} – Rivet{% endblock %}
{% block breadcrumbs %}{% include "gateways/_crumbs_phone.html" with current=_("Set up again") %}{% endblock %}
{% block head %}<style>
  input.key { width:100%; max-width:34em; font-family:monospace; }
</style>{% endblock %}
{% block content %}
<h1>{% blocktranslate trimmed with name=phone.name %}Set up “{{ name }}” again{% endblocktranslate %}</h1>
<div class="card">
  <p>{% blocktranslate trimmed %}For a new or reset phone: generate a new key pair in the WireGuard app on the phone
  and enter its public key here. <strong>The previous device loses access immediately.</strong>{% endblocktranslate %}</p>
  <ul>
    <li>{% blocktranslate trimmed with ip=phone.address %}The tunnel address {{ ip }} stays the same.{% endblocktranslate %}</li>
    {% if not phone.enabled %}<li>{% translate "The phone is blocked and will be allowed again with the new key." %}</li>{% endif %}
  </ul>
  <form method="post">{% csrf_token %}
    {% for e in form.non_field_errors %}<div class="msg error">{{ e }}</div>{% endfor %}
    <p><label for="id_public_key">{{ form.public_key.label }}</label><br>{{ form.public_key }}</p>
    {% for e in form.public_key.errors %}<div class="msg error">{{ e }}</div>{% endfor %}
    <p class="muted">{{ form.public_key.help_text }}</p>
    <p><button class="danger" type="submit">{% translate "Save new key" %}</button>
    <a class="btn secondary" href="{% url 'phone-detail' phone.id %}">{% translate "Cancel" %}</a></p>
  </form>
</div>
{% endblock %}