<!DOCTYPE HTML>
<html lang="es">
<head>
		<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="">
        <meta name="author" content="Pablo Jesús | www.pablojesus.com">
        <title>Control Panel | MiresidenciaApp </title>
		<link rel="icon" href="<?php echo base_url();?>assets/img/icon.ico" type="image/x-icon"/>
        <script src="<?php echo base_url();?>assets/js/plugin/webfont/webfont.min.js"></script>
        <script>
            WebFont.load({
                google: {"families":["Lato:300,400,700,900"]},
                custom: {"families":["Flaticon", "Font Awesome 5 Solid", "Font Awesome 5 Regular", "Font Awesome 5 Brands", "simple-line-icons"], urls: ['<?php echo base_url();?>assets/css/fonts.min.css']},
                active: function() {
                    sessionStorage.fonts = true;
                }
            });
        </script>
        <!-- CSS Files -->
        <link rel="stylesheet" href="<?php echo base_url();?>assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="<?php echo base_url();?>assets/css/atlantis.css">
        <style type="text/css">
        	body {
        		background-image: url(assets/img/fondo.jpg);
    			background-size: cover;
    			background-position: center center;
        	}

        	.H100 {
        		height: 100%;
        	}
        	.centrado {
        		transform: translate(0, -50%);
    			top: 50%;
        	}
        </style>
</head>
<body class="bg-primary2">
	<div class="wrapper">
			<div class="content H100">
				<div class="page-inner H100">
					<div class="page-category H100">
						<div class="row H100">
							<div class="col col-md-2 col-lg-3 col-xl-4"></div>
							<div class="col-10 col-md-8 col-lg-6 col-xl-4">
								<div class="card centrado">
									<div class="card-header text-center">
										<h1><img class="logo" src="<?php echo base_url();?>assets/img/logo.svg" alt="Mi ResidenciApp - Logo" title="Mi ResidenciApp"></h1>
										
										<h2>Panel administrativo</h2>
									</div>
									<div class="card-body">
										<form class="form-horizontal" role="form" name="inicio_sesion" method="post" action="<?php echo base_url()?>login/dologin">
											<div class="form-group">
												<div class="input-group">
													<div class="input-group-prepend">
														<span class="input-group-text">
														<i class="fas fa-user"></i>
														</span>
													</div>
													<input type="text" class="form-control" name="user" placeholder="Correo Electrónico" id="imputUser">
												</div>
											</div>
											<div class="form-group">
												<div class="input-group">
													<div class="input-group-prepend">
														<span class="input-group-text">
														<i class="fas fa-key"></i>
														</span>
													</div>
													<input type="password" class="form-control"  name="password" placeholder="Contraseña" id="imputPassword">
												</div>
											</div>
											<div class="form-group">
												<?php
													if(isset($error)){
														?>
														<p class="text-danger text-center">
															<?php
																echo $error;
															?>	
															</p>
														<?php
													}
												?>
											</div>
											<div class="form-group text-center">
			                                		<button type="submit" class="btn btn-success" name="login">Iniciar Sesión</button>
			                                		<button type="reset" class="btn btn-danger">Cancelar</button>
			                        		</div>
										</form>
									</div>

								</div>
							</div>
							<div class="col col-md-2 col-lg-3 col-xl-4"></div>
							
						</div>
					</div>
				</div>
			</div>
		
	</div>
	<!--   Core JS Files   -->
			<script src="<?php echo base_url();?>assets/js/core/jquery.3.2.1.min.js"></script>
			<script src="<?php echo base_url();?>assets/js/core/popper.min.js"></script>
			<script src="<?php echo base_url();?>assets/js/core/bootstrap.min.js"></script>

			<!-- jQuery UI -->
			<script src="<?php echo base_url();?>assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
			<script src="<?php echo base_url();?>assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>

			<!-- jQuery Scrollbar -->
			<script src="<?php echo base_url();?>assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>


			<!-- Chart JS -->
			<script src="<?php echo base_url();?>assets/js/plugin/chart.js/chart.min.js"></script>

			<!-- jQuery Sparkline -->
			<script src="<?php echo base_url();?>assets/js/plugin/jquery.sparkline/jquery.sparkline.min.js"></script>

			<!-- Chart Circle -->
			<script src="<?php echo base_url();?>assets/js/plugin/chart-circle/circles.min.js"></script>

			<!-- Datatables -->
			<script src="<?php echo base_url();?>assets/js/plugin/datatables/datatables.min.js"></script>

			<!-- Bootstrap Notify -->
			<script src="<?php echo base_url();?>assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>

			<!-- jQuery Vector Maps -->
			<script src="<?php echo base_url();?>assets/js/plugin/jqvmap/jquery.vmap.min.js"></script>
			<script src="<?php echo base_url();?>assets/js/plugin/jqvmap/maps/jquery.vmap.world.js"></script>

			<!-- Sweet Alert -->
			<script src="<?php echo base_url();?>assets/js/plugin/sweetalert/sweetalert.min.js"></script>

			<!-- Atlantis JS -->
			<script src="<?php echo base_url();?>assets/js/atlantis.min.js"></script>

</body>
</html>

<!--
		<div class="container-fluid">
				<div class="col-sm-4 loginside">
					<img class="logo" src="<?php echo base_url();?>assets/img/logo.svg" alt="IEC Tech - Logo" title="Electrical Equipment and Control Systems">
					<div class="panel panel-default">
						<div class="panel-heading">
							<strong class="">
								Control Panel
								<?php echo $this->session->userdata('id')?>
							</strong>
						</div>
						<div class="panel-body">
							<form class="form-horizontal" role="form" name="inicio_sesion" method="post" action="<?php echo base_url()?>login/dologin">
								<div class="form-group">
									<label for="inputUser" class="col-sm-3 control-label">User</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" name="user" placeholder="User" id="imputUser">
									</div>
								</div>
								<div class="form-group">
									<label for="inputPassword" class="col-sm-3 control-label">Password</label>
									<div class="col-sm-9">
										<input type="password" class="form-control"  name="password" placeholder="Password" id="imputPassword">
									</div>
								</div>
								<div class="form-group last">
                            		<div class="col-sm-offset-3 col-sm-9">
                                		<button type="submit" class="btn btn-success btn-sm" name="login" placeholder="Login">Login</button>
                                		<button type="reset" class="btn btn-default btn-sm">Reset</button>
                            		</div>
                        		</div>
							</form>
						</div>
		                <div class="panel-footer">
								
    		            </div>
					</div>
				</div>
				<div class="col-sm-8 logindeco xs-hide">
				</div>
		</div>
	-->
</body>
</html>