{% extends "base.html" %}
{% block title %}{% if recovery %}Reset administrator password{% else %}Set up NEXXVU{% endif %}{% endblock %}
{% block content %}
<div class="auth-layout">
  <section class="panel auth-panel" aria-labelledby="setup-title">
    {% if recovery %}
    <div class="panel-heading"><p class="eyebrow">Administrator recovery</p><h1 id="setup-title">Reset administrator password</h1><p class="muted">Your host administrator reopened setup for the administrator account. Choose a new password to sign in again.</p></div>
    {% else %}
    <div class="panel-heading"><p class="eyebrow">First-time setup</p><h1 id="setup-title">Welcome to NEXXVU</h1><p class="muted">Set the password for your administrator account. Your infrastructure starts empty, ready for you to add your own locations and assets.</p></div>
    {% endif %}
    {% if error %}<div class="alert alert-danger" role="alert">{{ error }}</div>{% endif %}
    <form class="form-stack" method="post" action="/setup">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <label class="field"><span>One-time setup code</span><input type="password" name="setup_code" required maxlength="64" autocomplete="off" aria-describedby="setup-code-help"></label>
      <p class="field-help" id="setup-code-help">Use the setup code supplied by your host administrator. This confirms that you are authorized to {% if recovery %}recover{% else %}claim{% endif %} this installation.</p>
      <label class="field"><span>Administrator username</span><input value="{{ admin_username }}" readonly autocomplete="username" aria-describedby="setup-username-help"></label>
      <p class="field-help" id="setup-username-help">The administrator username is always {{ admin_username }}.</p>
      <label class="field"><span>{% if recovery %}New password{% else %}Password{% endif %}</span><input type="password" name="password" required minlength="{{ minimum_length }}" maxlength="256" autocomplete="new-password" aria-describedby="password-help"></label>
      <p class="field-help" id="password-help">Use at least {{ minimum_length }} characters. Combine uppercase and lowercase letters, numbers and symbols.</p>
      <label class="field"><span>Confirm password</span><input type="password" name="confirmation" required maxlength="256" autocomplete="new-password"></label>
      <button class="button button-primary" type="submit">{% if recovery %}Set new password{% else %}Create administrator account{% endif %}</button>
    </form>
    <p class="muted">This setup closes after the password is set.</p>
  </section>
</div>
{% endblock %}