% if state.get('log-in.email-sent-to')

% set email = state['log-in.email-sent-to']
<div class="alert alert-success">
    <p>{{ _(
        "We've sent you a single-use login link. Check your inbox, open the "
        "provided link in a new tab, then come back to this page and click on "
        "the button below to carry on with what you wanted to do."
    ) }}</p>

    <br>
    <form action="" method="POST">
        % include "templates/form-repost.html"
        <input type="hidden" name="log-in.carry-on" value="{{ email }}" />
        <button class="btn btn-success">{{ _("Carry on") }}</button>
    </form>
</div>

% elif state.get('log-in.carry-on')

% set email = state['log-in.carry-on']
<div class="alert alert-danger">
    <p>{{ _("You're still not logged in as {0}.", email) }}</p>

    <br>
    <form action="" method="POST">
        % include "templates/form-repost.html"
        <input type="hidden" name="log-in.carry-on" value="{{ email }}" />
        <button class="btn btn-primary">{{ _("Try again") }}</button>
    </form>
</div>

% elif state.get('log-in.password-or-email')

    % set email = state['log-in.password-or-email']

    <form action="" method="POST">
        % include "templates/form-repost.html"

        <p>{{ _("Please fill in your password to authenticate yourself:") }}</p>
        <input name="log-in.id" value="{{ email }}"
               aria-hidden="true" class="out-of-sight" tabindex="-1" />
        <div class="form-group">
            <input name="log-in.password" class="form-control"
                   type="password" autocomplete="current-password"
                   placeholder="{{ _('Password') }}" required />
        </div>
        <button class="btn btn-primary">{{ _("Log in") }}</button>
    </form>

    <hr>

    <form action="" method="POST">
        % include "templates/form-repost.html"
        <input type="hidden" name="log-in.id" value="{{ email }}" />
        <p>{{ _("Or log in via email if you've lost your password:") }}</p>
        <button class="btn btn-primary" name="log-in.via-email" value="yes">{{ _(
            "Log in via email"
        ) }}</button>
    </form>

% elif state.get('log-in.email')

    <form action="" method="POST">
        % include "templates/form-repost.html"
        <input type="hidden" name="log-in.id" value="{{ state['log-in.email'] }}" />
        <p>{{ _("Your account doesn't have a password, so you'll have to authenticate yourself via email:") }}</p>
        <button class="btn btn-primary" name="log-in.via-email" value="yes">{{ _(
            "Log in via email"
        ) }}</button>
    </form>

% else

<form action="" method="POST">

% include "templates/form-repost.html"

% if state.get('log-in.error')
    <p class="alert alert-danger">{{ state['log-in.error'] }}</p>
% elif state.get('session_status') == 'expired'
    <p class="alert alert-info">{{ _("Your session has expired.") }}</p>
% endif

<div class="form-group">
<input name="log-in.id" autocomplete="email" class="form-control"
       required placeholder="{{ _('Email address') }}" />
</div>

<div class="form-group">
<input name="log-in.password" class="form-control"
       type="password" autocomplete="current-password"
       placeholder="{{ _('Password (optional)') }}" />
</div>

<p class="help-block">{{ _(
    "If you've {bold}lost your password{bold_end}, or if your account doesn't "
    "have a password at all, then leave the password field empty. We'll send "
    "you a login link via email.",
    bold='<strong>'|safe, bold_end='</strong>'|safe
) }}</p>

<button class="btn btn-default">{{ _("Log in") }}</button>

</form>

% endif