{% extends shell('app') %}

{% block title %}{{ _('Confirm it is you') }}{% endblock %}

{% block breadcrumb %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url_for('auth.my_account') }}">{{ _('My account') }}</a></li>
        <li class="breadcrumb-item active">{{ _('Confirm it is you') }}</li>
    </ol>
</nav>
{% endblock %}

{% block content %}

<h1 class="h2 mb-4"><b>{{ _('Confirm it is you') }}</b></h1>

{% with messages = get_flashed_messages(with_categories=true) %}
    {% for category, message in messages %}
        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
            {{ message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    {% endfor %}
{% endwith %}

<div class="row">
    <div class="col-md-6" data-reauthenticate>
        <p>{{ _('What comes next gives your account a new way in, so it asks for a sign-in made a moment ago.') }}</p>

        {% if user.has_usable_password %}
        <form method="post" action="{{ url_for('auth.reauthenticate') }}" novalidate>
            {{ form.hidden_tag() }}
            {% if error %}
                <p class="form-error text-danger mb-3" role="alert">{{ error }}</p>
            {% endif %}
            <div class="mb-3">
                {{ form.password.label(class="form-label fw-semibold") }}
                {{ form.password(class="form-control" ~ (" is-invalid" if error else ""), autocomplete="current-password") }}
            </div>
            {{ form.submit(class="btn btn-primary") }}
        </form>
        {% endif %}

        {# Another way to prove who you are, such as signing in again with
           a provider the account is connected to. #}
        {% set methods = render_template_hooks("auth.reauthenticate.methods") %}
        {% if methods %}
            <div class="d-flex flex-wrap align-items-center gap-2 mt-3">
                {% if user.has_usable_password %}<span class="text-muted small">{{ _('or confirm with') }}</span>{% endif %}
                {{ methods }}
            </div>
        {% elif not user.has_usable_password %}
            <p>{{ _('Log out and log in again to go on.') }}</p>
            <a class="btn btn-primary" href="{{ url_for('auth.logout') }}">{{ _('Log out') }}</a>
        {% endif %}
    </div>
</div>

{% endblock %}