{% extends "layout.html" %}
{% set title = "Sign in" %}
{% block scripts %}<script type="module" src="/_/auth.js"></script>{% endblock %}
{% block content %}
<section class="auth-card">
  <h1>Sign in</h1>
  {% if has_users %}
  <p>Use your passkey for this editor.</p>
  <button class="button button--primary" type="button" data-passkey-login data-next="{{ next }}">Sign in with passkey</button>
  {% else %}
  <p>Nobody has an account yet. On the server, run:</p>
  <pre><code>blog invite</code></pre>
  <p>and open the link it prints to create the first admin.</p>
  {% endif %}
  <p class="auth-status" role="status" aria-live="polite"></p>
</section>
{% endblock %}