<div class="twofas-card-body-3 js-twofas-step-card hidden" data-step="3">
    <div class="twofas-card-body-3-content">
        <h4>
            {{
            sprintf(
                esc_html__("Enter 6-digit token generated by the 2FAS app and %sclick the 'Finish configuration' button.", '2fas-light'),
                '<br />'
            )|raw
            }}
        </h4>

        <div class="twofas-card-body-3-content-totp-token">
            <form action="#" method="post" class="twofas-light-totp-form js-twofas-light-totp-form">
                {{ form_nonce|raw }}
                <label for="twofas-light-totp-token">{{ esc_html__( 'Token:', '2fas-light' ) }}</label>

                <input id="twofas-light-totp-token"
                       name="twofas-light[totp-token]"
                       type="text"
                       autocomplete="off"
                       minlength="6"
                       maxlength="6"
                       required="required"
                       pattern="\d{6}"
                       title="TOTP Token"
                       placeholder=""
                />

                <input class="js-twofas-light-totp-secret-input" name="twofas-light[totp-secret]" type="hidden" value="{{ totp_secret }}" />
                {% include "includes/authentication_hidden_inputs.html.twig" %}
            </form>
        </div>
    </div>
</div>
