<?php
    include ("conexion.php");
    $conexion=mysqli_connect($dbhost,$dbuser,$dbpass,$dbname);
    if(!$conexion)
    {
        die("Error connecting to databse ".mysqli_connect_error());
    }
?>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>CONTROL ESP32</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=8b0ee9ac812eb0acc7602d49cbc208d5">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css?h=320bd0471c3e8d6b9dd55c98e185506c">
</head>

<body class="bg-gradient-primary" style="background: rgb(5,26,86);">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-9 col-lg-12 col-xl-10">
                <div class="card shadow-lg o-hidden border-0 my-5">
                    <div class="card-body p-0">
                        <div class="row">
                            <div class="col-lg-6 d-none d-lg-flex">
                                <div class="flex-grow-1 bg-login-image" style="background: url(&quot;assets/img/dogs/ESP32-HTTP-GET-HTTP-POST-with-Arduino-IDE-JSON-URL-Encoded-Text.jpg?h=71798c855990fbe36dadb901213531ff&quot;) center / contain no-repeat;"></div>
                            </div>
                            <div class="col-lg-6">
                                <div class="p-5">
                                    <div class="text-center">
                                        <h4 class="text-dark mb-4">Inicio de Sesion</h4>
                                        <?php
                                            if($_SERVER["REQUEST_METHOD"] == "POST")
                                            {
                                                $nombres=$_POST["nombres"];
                                                $pass=$_POST["password"];
                                                $sql=mysqli_query($conexion,"select cargo from usuarios where nombres='$nombres' and password='$pass';");
                                                if(mysqli_num_rows($sql)>0)
                                                {
                                                    $row=mysqli_fetch_array($sql);
                                                    $cargo=$row["cargo"];
                                                    if($cargo=="ADMINISTRADOR")
                                                    {
                                                        echo "<div class='alert alert-success' role='alert'>
                                                            <strong>BIENVENIDO</strong>
                                                        </div>";
                                                        echo "<script>var delay = 1000; setTimeout(function(){ window.location = 'principal.php'; }, delay);</script>";
                                                    }
                                                    else
                                                    {
                                                        echo "<div class='alert alert-success' role='alert'>
                                                            <strong>BIENVENIDO</strong>
                                                        </div>";
                                                        echo "<script>var delay = 1000; setTimeout(function(){ window.location = 'principal_usuario.php'; }, delay);</script>";
                                                    }
                                                }
                                                else
                                                {
                                                    echo "<div class='alert alert-danger' role='alert'>
                                                                <strong>USUARIO O CONTRASEÑA NO VALIDO</strong>
                                                            </div>";
                                                            echo "<script>var delay = 2000; setTimeout(function(){ window.location = 'index.php'; }, delay);</script>";
                                                }
                                            }
                                            
                                        ?>
                                    </div>
                                    <form class="user" method="post" action="index.php">
                                        <div class="form-group">
                                            <input class="form-control form-control-user" type="text"  placeholder="Nombre de Usuario" name="nombres" required="">
                                        </div>
                                        <div class="form-group">
                                            <input class="form-control form-control-user" type="password" placeholder="Contraseña de Usuario" name="password">
                                        </div>
                                        <button class="btn btn-primary btn-block text-white btn-user" type="submit">Iniciar Sesion</button>
                                        <hr>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
    <script src="assets/js/script.min.js?h=99c003fa89398340e3d8f90406f57bdc"></script>
</body>

</html>