<?php 
session_start(); 
if (isset($_SESSION["usr-new"])) 
    header("Location: dashboard");
?>
<!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, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="shortcut icon" href="assets/img/logosesca.png">
    <title>Sistema De Control</title>
    <link href="src/css/pluto-fonts.css" rel="stylesheet">
    <link href="src/css/layout.css" rel="stylesheet">   
    <script type="text/javascript" src="src/js/jquery-3.6.0.min.js"></script>   
    <script type="text/javascript" src="src/js/run.js"></script>
</head>
<body>

    <div class="login-wrapper">
        
        <div class="login-card">
            
            <div class="login-image">
                <div class="overlay-image"></div>
                <div class="texto-imagen">
                    <h2>Bienvenido de nuevo</h2>
                    <p>Accede a tu panel de control</p>
                </div>
            </div>

            <div class="login-form">
                <div class="form-content">
                    <span class="brand-title">SISTEMA DE CONTROL</span>
                    
                    <div class="welcome-text">
                        <p class="small">Hola,</p>
                        <p class="big">Ingrese aquí</p>
                    </div>

                    <input name="pantallafull" id="pantallafull" type="hidden" value="1" />

                    <div class="input-group">
                        <input name="inp-usuario" id="inp-usuario" type="text" placeholder=" " autocomplete="off" />
                        <label for="inp-usuario">Usuario</label>
                        <i class="icon-user"></i> </div>

                    <div class="input-group">
                        <input name="inp-pass" id="inp-pass" type="password" placeholder=" " />
                        <label for="inp-pass">Contraseña</label>
                    </div>

                    <button class="btn-login" type="button" id="btn-ingresar">
                        INGRESAR AHORA
                    </button>

                    <div class="footer-login">
                        <img src="assets/img/logosesca.png" alt="Logo" class="logo-footer">
                        <span class="copyright">Desarrollado por <b><a href="#">XcoderCol, Inc.</a></b> © 2025</span>
                    </div>
                </div>
            </div>
            
        </div>
    </div>

</body>
<script type="text/javascript">
$(document).ready(function(){
    $("#btn-ingresar").click(function(evento){
        if ($("#inp-usuario").val().length > 0) {
            if ($("#inp-pass").val().length > 0) {
                iniciar_sesion($("#inp-usuario").val(),$("#inp-pass").val());
            }else{
                alert("ingrese su contraseña"); 
            }
        }else{
            alert("ingrese un nombre de usuario");
        }   
    });
});
</script>
</html>