{% from 'utils.html.twig' import ico %}
{% extends 'website/login.template.html.twig' %}
{% block subtit %}{{ getLanguage('welcome_back', 'login') }}{% endblock %}
{% block subtitAuthentication %}{{ getLanguage('authentication_two_factor', 'login') }}{% endblock %}
{% block form %}
{% if confirmStatus is defined %}
<input type="hidden" id="confirmMsg" name="confirmMsg" value="{{ confirmMsg }}">
<input type="hidden" id="confirmStatus" name="confirmStatus" value="{{ confirmStatus }}">
{% endif %}
{# FORMULÁRIO LOGIN #}
<form id="formLogin" action="{{ path('authLogin') }}" method="POST" data-status="show">
<input type="hidden" id="hash" name="hash" value="{{ hash }}">
{# E-MAIL #}
<div class="cp">
<label for="emailLogin">E-mail</label>
<div class="wrap">
<span class="ico">{{ ico('email-at') }}</span>
<span class="cmp">
<input type="email" id="emailLogin" name="email" required="required" autofocus="autofocus" placeholder="{{ getLanguage('enter_an_email', 'login') }}">
</span>
</div>
</div>
{# SENHA #}
<div class="cp">
<label for="passwordLogin">{{ getLanguage('password', 'login') }}</label>
<div class="wrap js--pass-toggle" data-status="hide">
<span class="ico">{{ ico('pass-key') }}</span>
<span class="cmp">
<input type="password" id="passwordLogin" name="password" required="required" placeholder="{{ getLanguage('type_your_passoword', 'login') }}">
</span>
<span class="ico ico-txt" title="Ocultar senha">{{ ico('eye') }}</span>
<span class="ico ico-pass" title="Revelar senha">{{ ico('eye-off') }}</span>
</div>
</div>
<div class="base-links">
<label class="lembrar">
<input type="checkbox" id="remember" name="remember">
<span class="ico ico-on">{{ ico('check-square') }}</span>
<span class="ico ico-off">{{ ico('square') }}</span>
<span class="tx-label">{{ getLanguage('stay_connected', 'login') }}</span>
</label>
<a class="senha js--modal-abre" data-modal="modal-recover-password">{{ getLanguage('forgot_my_password', 'login') }}</a>
</div>
<button type="button" id="btnLogin" class="btn-login btn-load">
<span>{{ getLanguage('enter', 'login') }}</span>
<span>{{ getLanguage('wait', 'util') }} … <i class="loader">{{ ico('loader-wish') }}</i></span>
</button>
{% if not isRestricted %}
<p class="conta">{{ getLanguage('not_registered', 'login') }} <a href="{{ path('register') }}">{{ getLanguage('create_an_account', 'login') }} {{ ico('arrow-right') }}</a></p>
{% endif %}
</form>
{# FORMULÁRIO AUTENTICAÇÃO #}
<form id="formAuthentication" action="{{ path('authMFA') }}" method="POST" data-status="hide">
<input type="hidden" id="user-hash" name="user-hash" value>
{# CODIGO AUTENTICAÇÃO #}
<div class="cp">
<label for="codeAuthenticationLogin">{{ getLanguage('authentication_code', 'login') }}</label>
<div class="wrap">
<span class="ico ico-authentication">{{ ico('authenticator-code') }}</span>
<span class="cmp">
<input type="code" id="codeAuthenticationLogin" name="code" required="required" autofocus="autofocus" maxlength="6" placeholder="X X X X X X">
</span>
</div>
</div>
<button type="submit" id="btnLoginAuthentication" class="btn-login btn-login-authentication btn-load">
<span>{{ getLanguage('authentication_check', 'login') }}</span>
<span>{{ getLanguage('wait', 'util') }} … <i class="loader">{{ ico('loader-wish') }}</i></span>
</button>
<p class="authentication-instructions" data-status="show">{{ getLanguage('authentication_instructions', 'login') }}</p>
<p class="authentication-instructions-email" data-status="hide">{{ getLanguage('authentication_instructions_email', 'login') }} <b>{{ getLanguage('authentication_instructions_email_timer', 'login') }}</b></p>
<p class="conta">{{ getLanguage('authentication_problem', 'login') }}
<button id="emailAuthentication" data-route>
{{ getLanguage('authentication_email', 'login') }} {{ ico('envelope-email') }}
</button>
</p>
<span id="btnBackLogin" class="back-login">{{ ico('arrow-left') }} VOLTAR</span>
</form>
{# MODAL -- REDEFINIR SENHA #}
{% embed "website/includes/modal.html.twig" with {'id': 'modal-recover-password', 'title': 'Redefinir senha'} %}
{% block content %}
{% from 'utils.html.twig' import ico %}
<form id="formRecoverPassword" action="{{ path('sendEmailRecoverPassword') }}" class="form-geral">
<div class="cp">
<label for="email">E-mail</label>
<input type="email" name="email" placeholder="{{ getLanguage('enter_an_email', 'login') }}" required="required" autofocus="autofocus">
</div>
<nav class="actions">
<button type="button" class="js--modal-fecha cancel">{{ getLanguage('cancel', 'login') }}</button>
<button type="submit" id="btnRecoverPassword" class="btn-continuar-peq btn-load">
<span>{{ getLanguage('send', 'login') }}</span>
<span>{{ getLanguage('wait', 'util') }} … <i class="loader">{{ ico('loader-wish') }}</i></span>
</button>
</nav>
</form>
{% endblock %}
{% endembed %}
{% endblock %}
{% block linkLogin %}
{% if isModuleActive('course_certificate_module') and not isRestricted %}
{% if checkSection('footer_certificate') %}
<a href="{{ path("certificateSearchPage") }}" class="consult-certificate">{{ getLanguage('consult_certificate', 'login') }}</a>
{% endif %}
{% endif %}
{% endblock %}