{% extends "layout/base.html" %}
{% block content %}
<div class="row justify-content-center">
  <div class="col-md-5">
    <h2 class="mb-3">Initial admin setup</h2>
    <p>Create the first admin user for this Backupchecks installation.</p>
    <form method="post">
      <div class="mb-3">
        <label for="email" class="form-label">Admin username</label>
        <input
          type="text"
          class="form-control"
          id="username"
          name="username"
          value="{{ email or '' }}"
          required
        />
      </div>
      <div class="mb-3">
        <label for="password" class="form-label">Password</label>
        <input
          type="password"
          class="form-control"
          id="password"
          name="password"
          required
        />
      </div>
      <div class="mb-3">
        <label for="confirm_password" class="form-label">Confirm password</label>
        <input
          type="password"
          class="form-control"
          id="confirm_password"
          name="confirm_password"
          required
        />
      </div>
      <button type="submit" class="btn btn-primary w-100">Create admin user</button>
    </form>
  </div>
</div>
{% endblock %}