<section class="sign recovery" style="display: none">
    <div class="background"></div>
    <div class="form">
        <div class="conteudo">
            {% include '_templates/includes/logo.twig' %}
            <form method="post" action="javascript:void(0)" data-b2c-action="usuario/aj/recuperarSenha"
                  data-b2c-el="name='frmRecuperarSenha'" name="frmRecuperarSenha" data-b2c-ajax-form-user-acesso>
                <input type="hidden" data-b2c-input="tp" value="L"/>
                <h1>{{ __('esqueciMinhaSenha') }}</h1>

                <div class="form-group">
                    <label for="">
                        <i class="fas fa-at"></i>
                    </label>
                    <input class="icon" name="email" type="email" data-b2c-input="email" placeholder="{{ __('email') }}" required/>
                </div>

                <button type="submit" class="button"
                        data-b2c-success-command="B2CSwal.success('{{ __('suaNovaSenhaFoiEnviadaParaOEmailInformado') }}');$('[data-b2c-input=\'email\']').val('')">
                    <span class="text">
                        {{ __('enviar') }}
                    </span>
                    <span class="spinner">
                        <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
                    </span>
                </button>
            </form>

            <a class="btn-togo" href="#login" onclick="window.history.back(-1);return false;">
                <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round"
                     stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <line x1="19" y1="12" x2="5" y2="12"></line>
                    <polyline points="12 19 5 12 12 5"></polyline>
                </svg>
                {{ __('voltarParaLogin') }}
            </a>

        </div>
    </div>
</section>