<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
    <link rel="stylesheet" href="login/vendor/bootstrap/css/bootstrap.min.css"
	crossorigin="anonymous">
<script src="login/vendor/bootstrap/js/bootstrap.min.js"></script>
<link href="login/vendor/fontawesome/css/all.css"
	rel="stylesheet">
<link href="login/assets/css/style.css"
	rel="stylesheet">
</head>
</head>
<body>
	<!-- <form action="conexion/validar.php" method="post">
        <h1 class="animate__animated animate__backInLeft">Sistema de login</h1>
        <p>Usuario <input type="text" placeholder="ingrese su nombre" name="usuario"></p>
        <p>Contraseña <input type="password" placeholder="ingrese su contraseña" name="contrasena"></p>
        <input type="submit" value="Ingresar">
        
    </form>  -->

    <div id="template-bg-1">
        <div
            class="d-flex flex-column min-vh-100 justify-content-center align-items-center">
            <div class="card p-4 text-light bg-dark mb-5">
                <div class="card-header">
                    <h3>Iniciar sesión </h3>
                </div>
                <div class="card-body w-100">
                    <form name="login" action="conexion/validar.php" method="post">
                        <div class="input-group form-group mt-3">
                            <div class="bg-secondary rounded-start">
                                <span class="m-3"><i class="fas fa-user mt-2"></i></span>
                            </div>
                            <input type="text" class="form-control" placeholder="Usuario"
                                name="usuario">
                        </div>
                        <div class="input-group form-group mt-3">
                            <div class="bg-secondary rounded-start">
                                <span class="m-3"><i class="fas fa-key mt-2"></i></span>
                            </div>
                            <input type="password" class="form-control" placeholder="Contraseña"
                                name="contrasena">
                        </div>
    
                        <div class="form-group mt-3">
                            <input type="submit" value="Acceder"
                                class="btn bg-secondary float-end text-white w-100"
                                name="login-btn">
                        </div>
                    </form>
                    <?php if(!empty($loginResult)){?>
                    <div class="text-danger"><?php echo $loginResult;?></div>
                    <?php }?>
                </div>
                <div class="card-footer">
                    <div class="d-flex justify-content-center">
                        <div class="text-primary">Si es un usuario registrado, inicie sesión aquí.</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

</body>
</html>