{# The last step of opening an account through a provider. Same shell and
   markup as the sign-up form (shell('login'), Bootstrap's class names), so
   it reads as the same front door. The fields are profile's edit form, with
   whatever other features registered on it, started with what the provider
   said, plus the address when the provider verified none. #}
{% extends shell('login') %}

{% block title %}{{ _('Create your account') }}{% if site is defined %} · {{ site.name }}{% endif %}{% endblock %}

{% block content %}
<div class="container section">
    <div class="form-page">

        <h1>{{ _('Create your account') }}</h1>

        {% with messages = get_flashed_messages(with_categories=true) %}
            {% for category, message in messages %}
                <div class="alert alert-{{ category }}">{{ message }}</div>
            {% endfor %}
        {% endwith %}

        <p class="text-muted" data-provider="{{ provider.name }}">
            {{ _('You signed in with %(provider)s as %(account)s. Check your details to open your account here.', provider=provider.label, account=account.username or account.provider_id) }}
        </p>

        {% if account.email %}
            <p class="text-muted" data-email="verified">
                {{ _('Your account will use %(email)s, the address %(provider)s verified.', email=account.email, provider=provider.label) }}
            </p>
        {% endif %}

        <form action="" method="post" novalidate>
            {{ form.hidden_tag() }}

            {% for field in form if field.widget.input_type not in ('hidden', 'submit') %}
                <div class="form-field mb-3">
                    {{ field.label(class="form-label") }}
                    {% if field.short_name == 'email' %}
                        {{ field(class="form-control" ~ (" is-invalid" if field.errors else ""), placeholder=_('Your email address'), autocomplete='email') }}
                        {% if confirms %}
                            <p class="form-text text-muted small">{{ _('%(provider)s does not share a verified address, so we will send a link to this one. Your account is opened when you follow it.', provider=provider.label) }}</p>
                        {% endif %}
                    {% else %}
                        {{ field(class="form-control" ~ (" is-invalid" if field.errors else "")) }}
                    {% endif %}
                    {% if field.description %}
                        <p class="form-text text-muted small">{{ field.description }}</p>
                    {% endif %}
                    {% for error in field.errors %}
                        <p class="form-error text-danger small">{{ error }}</p>
                    {% endfor %}
                </div>
            {% endfor %}

            {{ form.submit(class="btn btn-primary mb-3") }}

            <p>
                {{ _('Already have an account?') }} <a href="{{ url_for('auth.login') }}">{{ _('Log in') }}</a>
            </p>
        </form>

    </div>
</div>
{% endblock %}