<?php
session_start();

// Si ya está logueado, lo mandamos al listado
if (isset($_SESSION['usuario'])) {
    header("Location: listar.php");
    exit;
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Iniciar sesión</title>

<style>
body {
    font-family: Arial;
    background: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.contenedor {
    background: white;
    padding: 30px;
    border-radius: 8px;
    width: 350px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
input {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
}
button {
    width: 100%;
    padding: 10px;
    background: #0078D7;
    color: white;
    border: none;
    cursor: pointer;
}
button:hover {
    background: #005fa3;
}
.error {
    color: red;
    margin-bottom: 10px;
    text-align: center;
}
</style>

</head>
<body>

<div class="contenedor">
    <h2>Iniciar sesión</h2>

    <?php
    if (isset($_GET['error'])) {
        echo "<p class='error'>Usuario o contraseña incorrectos</p>";
    }
    ?>

    <form action="validar2.php" method="POST">
        <input type="text" name="usuario" placeholder="Usuario" required>
        <input type="password" name="password" placeholder="Contraseña" required>
        <button type="submit">Entrar</button>
    </form>
</div>

</body>
</html>