<?php
require 'app/bootstrap.php';
$conectDB = connectDB();
$conectDB->exec("set names utf8mb4");
 ?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <title><?=$configSistema['sistema'] ;?></title>
	<?php
		include 'estrutura/__css.php';
	?>
	<style>
		@media screen and (max-width: 767px)
		{
			.containerLogin{padding-top: 100px}
		}
			@media screen and (min-width: 768px)
			{
				.containerLogin{padding-top: 200px}
			}
	</style>
</head>
<body>
	<div class="app">
        <div class="container-fluid p-h-0 p-v-20 bg full-height d-flex" style="background-image: url('assets/images/others/login-3.png')">
            <div class="d-flex flex-column justify-content-between w-100">
                <div class="container   h-100">
                    <div class="row  ">
                        <div class="col-md-7 col-lg-5 m-h-auto containerLogin">
                            <div class="card shadow-lg">
                                <div class="card-body">
									<div class="inner" id="FormLogin">
										<div class="row">
											<div class="col-md-12 col-lg-12 text-center">
												<img src="assets/logo.png" width="90px">
												 
												<h2 class="m-b-10 m-t-20">Acesso ao Sistema</h2>
											</div>
										</div>

										<form method="POST" action="app/login" id="frmLoginUser">
		                                      <div class="form-group">
		                                            <label class="font-weight-semibold" for="userName">Seu E-mail:</label>
		                                            <div class="input-affix">
		                                                <i class="prefix-icon anticon anticon-user"></i>
		                                                <input type="email" class="form-control" name="userEmail" id="userEmail" placeholder="">
		                                            </div>
		                                        </div>
		                                        <div class="form-group">
		                                            <label class="font-weight-semibold" for="password">Senha:</label>
		                                             <div class="input-affix m-b-10">
		                                                <i class="prefix-icon anticon anticon-lock"></i>
		                                                <input type="password" class="form-control"  name="userPwd" id="userPwd" placeholder="">
		                                            </div>
		                                        </div>
											<div class="form-group text-left">
												<div class="d-flex align-items-center justify-content-between text-center"> 
													<button  class="btn  btn-primary m-r-5 submit">
														<i class="anticon anticon-loading m-r-5"></i>
														<i class="anticon anticon-check m-r-5"></i>
														<span>Entrar no Sistema</span>
													</button>
												</div>
												 
												<div class="d-flex align-items-center justify-content-between m-t-5 font-size-13"> 
													<a href="javascript:void()" id="to-recover">Esqueci minha senha</a>
												</div>
												<hr>
												<span class="font-size-16 m-t-20">
													Não tem um cadastro? 
													<a class="" href="cadastro"> Cadastre-se</a>
												</span>
											</div>
											
											<input type="hidden" name="acao" value="login">
										</form>
									</div>	
										<div class="inner text-center" id="FormRecupera"  style="display:none">
											<div class="row">
												<div class="col-md-12 col-lg-12 text-center">
													<img src="assets/logo.png" width="90px">
													 
													<h2 class="m-b-10 m-t-20">Recuperação de Senha</h2>
												</div>
											</div>
 											<p class="text-muted">Digite seu e-mail, e siga os passos! </p>
											<form class="form-horizontal" id="frmRecoverPassUser" action="php/login.php"  method="POST">
												<div class="row">
													<div class="col-md-12 text-left">
														<label>E-mail</label>
														<input type="text" placeholder="" class="form-control" name="logUserEmail" id="logUserEmailR" required required_message="Por favor, informe o seu e-mail para recuperar" >
													</div>
													
													
													<div class="col-12 form-group text-center"><br> 
														<button  class="btn  btn-primary m-r-5 submit">
															<i class="anticon anticon-loading m-r-5"></i>
															<i class="anticon anticon-check m-r-5"></i>
															<span>Recuperar Acesso</span>
														</button>
													</div>
												</div>
												<div class="form-response"></div>
												<input type="hidden" value="Recuperar" name="acao">
												<div class="col-md-12 text-center"><a href="javascript:void()" id="to-login">Fazer Login</a></div>
											</form>
										</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-none d-md-flex p-h-40 justify-content-center">
                     
                </div>
            </div>
        </div>
    </div>
	<?php include 'estrutura/__js.php';?>
		<script>
				$('#to-recover').on("click", function() {
					$("#FormLogin").slideUp();
					$("#FormRecupera").fadeIn();
				});
					$('#to-login').on("click", function() {
						$("#FormRecupera").slideUp();
						$("#FormLogin").fadeIn();
					});
					
		</script>
</body>

</html>