<!DOCTYPE html>
<html lang="es">

<head>
    <!--meta name="viewport" content="width=device-width, initial-scale=1.0"-->
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <link rel="icon" href="./assets/images/favicon.svg" type="image/x-icon" />
    <meta charset="UTF-8">
    <title>Login</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body class="bg-light d-flex justify-content-center align-items-center vh-100">
    <div class="card p-4 shadow" style="min-width: 300px;">
        <!--<h3 class="text-center mb-3">Iniciar sesión</h3>-->
        <img src="./assets/images/logo_1.png" alt="Logo" class="img-fluid mb-3" style="max-width: 100px; display: block; margin: 0 auto;">
        <?php if (!empty($error)) {
            echo '<div class="alert alert-danger">Credenciales incorrectas</div>';
        } ?>
        <form method="POST" action="index.php">
            <div class="mb-3">
                <label for="username" class="form-label">Usuario</label>
                <input type="text" name="username" id="username" class="form-control" required>
            </div>
            <div class="mb-3">
                <label for="password" class="form-label">Contraseña</label>
                <input type="password" name="password" id="password" class="form-control" required>
            </div>
            <button type="submit" class="btn btn-success w-100">Entrar</button>
        </form>
    </div>
</body>

</html>