{% extends "operator/base.html" %}
{% load i18n %}
{% block op_title %}{% translate "Gateway created" %}{% endblock %}
{% block op_content %}
<style>
  .code { font:700 clamp(1.6rem, 8vw, 2.6rem)/1.2 ui-monospace, monospace; letter-spacing:.08em;
          user-select:all; padding:12px; border:2px dashed var(--accent); border-radius:10px;
          text-align:center; margin:8px 0 4px; overflow-wrap:anywhere; }
</style>
{% with gw=gateway %}
<h1>{% blocktranslate trimmed with name=gw.name %}“{{ name }}” has been created{% endblocktranslate %}</h1>
<p class="muted">https://{{ gw.fqdn }} · {{ gw.get_uplink_mode_display }}</p>
{% include "gateways/_router_config.html" %}
{% if code %}
<div class="card">
  <h2>{% translate "Registration code for the Rivet gateway" %}</h2>
  <p>{% translate "This binds the Rivet gateway behind the router to this gateway. The code is shown only now." %}</p>
  <div class="code" aria-label="{% translate "Registration code" %}">{{ code.code }}</div>
  <p class="muted">{% blocktranslate trimmed with zone=rivet_install_zone|default:"–" portal=rivet_portal_host date=code.expires_at|date:"SHORT_DATETIME_FORMAT" %}Organisation for the wizard <strong>{{ zone }}</strong> (portal {{ portal }}) · valid until {{ date }} · single use{% endblocktranslate %}</p>
  <p>{% blocktranslate trimmed %}In the setup wizard of the Rivet gateway enter code and organisation and choose the
  operating mode “Router WireGuard”. The router configuration comes from here, not from the Rivet gateway.{% endblocktranslate %}</p>
</div>
{% endif %}
<p><a class="btn" href="{% url 'betrieb:gateway' gw.id %}">{% translate "Done" %}</a></p>
{% endwith %}
{% endblock %}