{% extends "public_layout.html" %}
{% block content %}
<section class="public-card auth-card" aria-labelledby="AuthHeading">
    <div class="clay-icon clay-icon-violet" aria-hidden="true">✦</div>
    <p class="eyebrow">Welcome back</p>
    <h1 id="AuthHeading">Sign in or register</h1>
    <p class="public-card-copy">
        No password needed. We will email you a secure sign-in link.
    </p>
    <form class="standalone-form" method="post" action="{{ action_url }}">
        <label class="form-field" for="AuthenticationEmail">
            <span>Email address</span>
            <input id="AuthenticationEmail" type="email" name="email"
                   autocomplete="email" placeholder="you@example.com"
                   required autofocus>
        </label>
        <input type="hidden" name="form_nonce" value="{{ form_nonce }}">
        <button class="form-submit" type="submit">Send sign-in link</button>
    </form>
</section>
{% endblock %}