{% extends "ui/base.html" %}

{% block title %}Claim administrator{% endblock %}

{% block content %}
<main class="login-main">
  <form class="login-card" hx-post="/initial-password" hx-target="#initial-password-status" hx-swap="innerHTML" hx-disabled-elt="button" novalidate>
    <h1>Claim bootstrap administrator</h1>
    <p class="hint">This works once for a fresh passwordless <code>admin</code> or <code>superadmin</code> account.</p>
    <label>Account
      <select name="username"><option value="admin">admin</option><option value="superadmin">superadmin</option></select>
    </label>
    <label>Password<input name="password" type="password" autocomplete="new-password" required></label>
    <label>Confirm password<input name="password_confirmation" type="password" autocomplete="new-password" required></label>
    <button type="submit">Set initial password</button>
    <p class="login-alt"><a href="/login">Back to sign in</a></p>
    <div id="initial-password-status" aria-live="polite"></div>
  </form>
</main>
{% endblock %}