{% extends "base.html" %}

{% block title %}Create administrator · LibreSignage{% endblock %}

{% block content %}
  <div class="row justify-content-center">
    <div class="col-md-7 col-lg-5">
      <form method="post" class="card card-body">
        <h1 class="h3">Create administrator</h1>
        <p class="text-body-secondary">
          This one-time setup is available only while no accounts exist.
        </p>
        <label class="form-label" for="username">Username</label>
        <input
          class="form-control mb-3"
          id="username"
          name="username"
          autocomplete="username"
          minlength="3"
          maxlength="64"
          required
        >
        <label class="form-label" for="password">Password</label>
        <input
          class="form-control mb-3"
          id="password"
          name="password"
          type="password"
          autocomplete="new-password"
          minlength="12"
          required
        >
        <label class="form-label" for="password_confirmation">
          Confirm password
        </label>
        <input
          class="form-control mb-3"
          id="password_confirmation"
          name="password_confirmation"
          type="password"
          autocomplete="new-password"
          minlength="12"
          required
        >
        <button class="btn btn-primary" type="submit">
          Create administrator
        </button>
      </form>
    </div>
  </div>
{% endblock %}