<!DOCTYPE html>{% load static %}
<!--[if IE 9 ]><html class="ie9"><![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PAE 2022 - Login</title>
{% include 'favicons.html' %}
<!-- Vendor CSS -->
<link href="{% static 'vendors/bower_components/animate.css/animate.min.css' %}" rel="stylesheet">
<link href="{% static 'vendors/bower_components/material-design-iconic-font/dist/css/material-design-iconic-font.min.css' %}" rel="stylesheet">
<!-- CSS -->
<link href="{% static 'css/app.min.1.css' %}" rel="stylesheet">
<link href="{% static 'css/app.min.2.css' %}" rel="stylesheet">
<style>
body.login-content:before {
background: url('{% static 'img/banner-pae2017-02.jpg' %}');
background-size: 100%;
}
.login-navigation > li:not(:hover) {
border-radius: 10px;
padding: 0 8px;
font-size: 10px;
}
.login-navigation > li:hover {
border-radius: 10px;
padding: 0 12px;
font-size: 10px;
}
.lc-block:not(.lcb-alt) {
padding: 35px 55px 35px 25px;
}
#login-mensagem {
position: absolute;
bottom: 10px;
padding: 30px 100px;
overflow-y: auto;
}
@media (max-width: 480px) {
body.login-content:before {
background-size: auto 100%;
}
#login-mensagem {
display: none;
}
.modal {
display: block;
background: rgba(0,0,0,0.5);
}
.modal-footer {
text-align: center;
}
}
@media (min-width: 990px) {
#login-mensagem {
padding: 30px 250px;
}
}
</style>
</head>
<body class="login-content">
<!-- Login -->
<div class="lc-block toggled" id="l-login">
{% if form.errors %}
<p class="text-center c-red">Seu CPF e senha não conferem. Por favor, tente novamente.</p>
{% elif next %}
{% if user.is_authenticated %}
<p class="text-center c-red">A sua conta não tem acesso a esta página. Para continuar, entre com outra conta.</p>
{% else %}
<p class="text-center">Por favor faça o login para ter acesso.</p>
{% endif %}
{% endif %}
<form method="post" action="{% url 'login' %}" id="form-login">
{% csrf_token %}
<div class="input-group m-b-20">
<span class="input-group-addon"><i class="zmdi zmdi-account"></i></span>
<div class="fg-line">
<input type="text" name="username" class="form-control" placeholder="CPF" autofocus data-mask="99999999999">
</div>
</div>
<div class="input-group m-b-20">
<span class="input-group-addon"><i class="zmdi zmdi-lock"></i></span>
<div class="fg-line">
<input type="password" name="password" class="form-control" placeholder="Senha">
</div>
</div>
<div class="clearfix"></div>
{% comment %}
<div class="checkbox">
<label>
<input type="checkbox" value="">
<i class="input-helper"></i>
Me mantenha logado
</label>
</div>
{% endcomment %}
<a href="javascript:{}" id="sign-in" onclick="document.getElementById('form-login').submit(); return false;" class="btn btn-login btn-success btn-float"><i class="zmdi zmdi-arrow-forward"></i></a>
{# <script>$(document).ready(function () { $('#submit').click(function(){ form.submit() }) }</script>#}
<input type="hidden" name="next" value="{{ next }}" />
<ul class="login-navigation">
{# <li data-block="#l-register" class="bgm-red">Criar Conta</li>#}
<li id="l-help" class="bgm-blue">Preciso de Ajuda</li>
<li data-block="#l-forget-password" class="bgm-orange">Esqueci minha senha</li>
</ul>
</form>
</div>
<div id="login-mensagem">
<p>Para acessar o PAE você precisa de um CPF e uma senha habilitados.<br>
Para tal, envie um email contendo<strong>
Nome completo,
Email pessoal,
Telefone celular,
Número de CPF,
Nome da Igreja e
Nome do Distrito
informando se é o pastor ou tesoureiro</strong>, para
<a href="mailto:pae.suporte@wesleyana.com.br">pae.suporte@wesleyana.com.br</a>
com o assunto SENHA DE ACESSO.</p>
</div>
<!-- Register -->
<div class="lc-block" id="l-register">
<div class="input-group m-b-20">
<span class="input-group-addon"><i class="zmdi zmdi-account"></i></span>
<div class="fg-line">
<input type="text" class="form-control" placeholder="Username">
</div>
</div>
<div class="input-group m-b-20">
<span class="input-group-addon"><i class="zmdi zmdi-email"></i></span>
<div class="fg-line">
<input type="text" class="form-control" placeholder="Email Address">
</div>
</div>
<div class="input-group m-b-20">
<span class="input-group-addon"><i class="zmdi zmdi-male"></i></span>
<div class="fg-line">
<input type="password" class="form-control" placeholder="Password">
</div>
</div>
<div class="clearfix"></div>
<div class="checkbox">
<label>
<input type="checkbox" value="">
<i class="input-helper"></i>
Accept the license agreement
</label>
</div>
<a href="#" class="btn btn-login btn-danger btn-float"><i class="zmdi zmdi-arrow-forward"></i></a>
<ul class="login-navigation">
<li data-block="#l-login" class="bgm-green">Entrar</li>
<li data-block="#l-forget-password" class="bgm-orange">Esqueceu a senha?</li>
</ul>
</div>
<!-- Forgot Password -->
<div class="lc-block" id="l-forget-password">
<form method="post" action="{% url 'password_reset' %}" id="form-forgot">
{% csrf_token %}
{% ifequal request.path '/password_reset/done/' %}
<p class="text-center">
Nós te enviamos as instruções para redefinição de sua senha.
Se realmente existir uma conta com o email que você forneceu,
você receberá a mensagem em breve.
</p>
<p class="text-center">
Se você não receber um email, por favor verifique se você digitou o email corretamente e se
é exatamente o mesmo informado no momento do seu cadastro e verifique a sua caixa de spam.
</p>
<p class="text-center">
Se estiver com dificuldades envie um email para
<a href="mailto:pae.suporte@wesleyana.com.br">pae.suporte@wesleyana.com.br</a>
</p>
{% else %}
<p class="text-center">
Esqueceu a senha? Forneça o seu endereço de email cadastrado abaixo e te enviaremos instruções
para definir uma nova senha.</p>
{% if form.errors %}
<br>
<p class="text-danger">{{ form.email.errors.0 }}</p>
{% endif %}
{% endifequal %}
<div class="input-group m-b-20">
<span class="input-group-addon"><i class="zmdi zmdi-email"></i></span>
<div class="fg-line">
<input type="text" class="form-control" name="email" placeholder="Email">
</div>
</div>
<a href="javascript:{}" id="forgot-go" onclick="document.getElementById('form-forgot').submit(); return false;" class="btn btn-login btn-warning btn-float"><i class="zmdi zmdi-arrow-forward"></i></a>
<ul class="login-navigation">
<li data-block="#l-login" class="bgm-green">Entrar</li>
{# <li data-block="#l-register" class="bgm-red">Criar Conta</li>#}
</ul>
</form>
</div>
{% comment %}
<div class="modal fade in" id="preventClick" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true"
style="display: {% if form.errors %}none{% endif %}">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">ATENÇÃO</h4>
</div>
<div class="modal-body">
<p>Para acessar o PAE você precisa de um CPF e uma senha habilitados.<br>
Para tal, envie um email contendo:
Nome completo,
Email pessoal,
Telefone celular,
Número de CPF,
Nome da Igreja e
Nome do Distrito
informando se é o pastor ou tesoureiro, para:
<a href="mailto:pae.suporte@wesleyana.com.br">pae.suporte@wesleyana.com.br</a>
com o assunto: SENHA DE ACESSO</p>
</div>
<div class="modal-footer">
{#<button type="button" class="btn btn-link">Save changes</button>#}
<button type="button" class="btn btn-link" data-dismiss="modal">FECHAR</button>
</div>
</div>
</div>
</div>
{% endcomment %}
{% include 'older_ie9.html' %}
<!-- Javascript Libraries -->
<script src="{% static 'vendors/bower_components/jquery/dist/jquery.min.js' %}"></script>
<script src="{% static 'vendors/bower_components/bootstrap/dist/js/bootstrap.min.js' %}"></script>
<script src="{% static 'vendors/bower_components/Waves/dist/waves.min.js' %}"></script>
<script src="{% static 'vendors/input-mask/input-mask.min.js' %}"></script>
<script src="{% static 'js/functions.js' %}"></script>
<script>
$(document).ready(function () {
$('[name="username"]').keypress(function( event ) {
if (event.which == 13) {
//console.log('enter keypress username');
$('#sign-in').click();
//event.preventDefault();
}
});
$('[name="password"]').keypress(function( event ) {
if (event.which == 13) {
//console.log('enter keypress password');
$('#sign-in').click();
//event.preventDefault();
}
});
$('[name="new_password1"]').keypress(function( event ) {
if (event.which == 13) {
//console.log('enter keypress password');
$('#forgot-go').click();
//event.preventDefault();
}
});
$('[name="new_password2"]').keypress(function( event ) {
if (event.which == 13) {
//console.log('enter keypress password');
$('#forgot-go').click();
//event.preventDefault();
}
});
$('.modal-footer>button').click(function () {
$('.modal').hide(500);
});
{% comment %}
$('body').on('click', '.login-navigation > li', function(){
var z = $(this).data('block');
var t = $(this).closest('.lc-block');
if (z == '#')
t.removeClass('toggled');
setTimeout(function(){
$(z).addClass('toggled');
});
})
{% endcomment %}
$('#l-help').click(function () {
$('.lc-block:first').addClass('toggled');
window.location='http://www.wesleyana.com.br/pae2017'
})
});
</script>
{% ifequal request.path '/password_reset/' %}
<script>
$(document).ready(function () {
$("#l-login").removeClass('toggled');
$("#l-forget-password").addClass('toggled');
$("#l-forget-password input[name='email']").focus();
$("#login-mensagem").hide();
})
</script>
{% endifequal %}
{% ifequal request.path '/password_reset/done/' %}
<script>
$(document).ready(function () {
$("#l-login").removeClass('toggled');
$("#l-forget-password").addClass('toggled');
$("#l-forget-password input[name='email']").focus();
$("#login-mensagem").hide();
})
</script>
{% endifequal %}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-77264251-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>