<section class="sign login" style="display: none">
    <div class="form">
        <div class="conteudo">
            {% include '_templates/includes/logo.twig' %}
            <form method="post" action="javascript:void(0)" data-b2c-action="usuario/aj/login"
                  data-b2c-el="name='frmLogin'" name="frmLogin"
                  data-b2c-ajax-form-user-acesso>
                <input type="hidden" data-b2c-input="tp" value="L"/>
                <h1>{{ __('facaSeuLogin') }}</h1>

                <div class="form-group">
                    <label>
                        <i class="fas fa-at"></i>
                    </label>
                    <input class="icon" name="email" type="email" data-b2c-input="email"
                           placeholder="{{ __('digiteSeuEmail') }}"
                           required/>
                </div>

                <div class="form-group">
                    <label>
                        <i class="fas fa-lock"></i>
                    </label>
                    <input class="icon" name="password" type="password" data-b2c-input="senha"
                           placeholder="{{ __('senha') }}"
                           required/>
                </div>

                <button type="submit" class="button"
                        data-b2c-success-command="window.location.href = site_url('perfil');">
                    <span class="text">
                        {{ __('entrar') }}
                    </span>
                    <span class="spinner">
                        <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
                    </span>
                </button>

                <a href="#recovery" onclick="BF.goTo('#recovery');return false;">{{ __('esqueciMinhaSenha') }}</a>
            </form>

            {% if getGoogleConfig().ativo or getFacebookConfig().ativo %}
                <hr class="divider">

                <div class="social-login">
                    {% if not getUsuario() and getGoogleConfig().ativo %}
                        <a href="javascript:void(0)" data-b2c-btn-google id="btnGoogleLogin" class="google">
                            <span class="text">
                                <i class="fab fa-google"></i>
                            </span>
                            <span class="spinner">
                                <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
                            </span>
                        </a>
                    {% endif %}
                    {% if not getUsuario() and getFacebookConfig().ativo %}
                        <a href="javascript:void(0)" class="facebook" data-b2c-btn-facebook id="btnFacebookLogin">
                            <span class="text">
                                <i class="fab fa-facebook-f"></i>
                            </span>
                            <span class="spinner">
                                <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
                            </span>
                        </a>
                    {% endif %}
                </div>
            {% endif %}

            <a class="btn-togo" href="#register" onclick="BF.goTo('#register');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">
                    <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path>
                    <polyline points="10 17 15 12 10 7"></polyline>
                    <line x1="15" y1="12" x2="3" y2="12"></line>
                </svg>
                {{ __('criarConta') }}
            </a>

        </div>
        <p style="position: absolute;bottom: 10px;right: 10px;font-weight: bold;">v: {{ getVersion() }}</p>
    </div>
    <div class="background"></div>
</section>