{% extends 'base.html.twig' %}


{% block title %}
    Complete Sign in
{% endblock %}

{% block body %}

    <section class="vh-100 d-flex align-items-center justify-content-center">
        <div class="container mx-auto col-xxl-4 col-xl-5 col-lg-5 col-md-7 col-sm-9">
            <div class="d-flex mx-auto align-items-center">
                <img class="img-fluid w-50 mx-auto" src="{{ asset('assets/images/logo.png') }}" alt="Logo">
            </div>
            <div class="text-center m-3">

                <h1 class="fs-2 fw-bold text-center">{{ appname }}</h1>
            </div>
            <div class="alert alert-info small" role="alert">
                <label class="text-muted form-label" for="_auth_code">{{ "auth_code"|trans({}, 'SchebTwoFactorBundle') }} {{ twoFactorProvider }}</label>
            </div>

            <form class="form" action="{{ checkPathUrl ? checkPathUrl: path(checkPathRoute) }}" method="post">
                <p class="widget">
                    <input
                            class="form-control form-control-sm"
                            id="_auth_code"
                            type="text"
                            name="{{ authCodeParameterName }}"
                            autocomplete="one-time-code"
                            autofocus
                            {#
                            https://www.twilio.com/blog/html-attributes-two-factor-authentication-autocomplete
                            If your 2fa methods are using numeric codes only, add these attributes for better user experience:
                            inputmode="numeric"
                            pattern="[0-9]*"
                            #}
                    />
                </p>

                {% if displayTrustedOption %}
                    <p class="widget"><label for="_trusted"><input id="_trusted" type="checkbox" name="{{ trustedParameterName }}" /> {{ "trusted"|trans({}, 'SchebTwoFactorBundle') }}</label></p>
                {% endif %}
                {% if isCsrfProtectionEnabled %}
                    <input type="hidden" name="{{ csrfParameterName }}" value="{{ csrf_token(csrfTokenId) }}">
                {% endif %}
                <input type="submit" class="btn btn-primary small" value="{{ "login"|trans({}, 'SchebTwoFactorBundle') }}" />
                <a href="{{ logoutPath }}">{{ "cancel"|trans({}, 'SchebTwoFactorBundle') }}</a>
            </form>

            <div class="text-center mt-5 text-muted">
                Copyright &copy; {{ "now"|date("Y") }} &mdash; <strong>{{ appname }}</strong>
            </div>
        </div>
    </section>


{% endblock %}