<?php
session_start();
if (!isset($_SESSION['usuario'])) {
    header("Location: ../index.php");
    exit;
}

$errores = array();
$mensaje = "";

if ($_SERVER["REQUEST_METHOD"] === "POST" && isset($_POST["suscribirse"])) {

    $email = isset($_POST["email"]) ? trim($_POST["email"]) : "";
    $frecuencia = isset($_POST["frecuencia"]) ? $_POST["frecuencia"] : "";
    $acepto = isset($_POST["acepto"]);

    if ($email === "") {
        $errores[] = "El correo electrónico es obligatorio.";
    } elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        $errores[] = "El correo electrónico no es válido.";
    }

    if (!$acepto) {
        $errores[] = "Debe aceptar recibir comunicaciones educativas.";
    }

    if (empty($errores)) {
        $mensaje = "¡Gracias! Te has suscrito correctamente con el correo " . htmlspecialchars($email);
    }
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Blog - Lengua y Literatura</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/styles.css">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
</head>
<body>

<header class="navbar">
  <div class="logo">Lengua<span>&</span>Literatura</div>
  <nav>
    <?php include("../includes/menu.php"); ?>
  </nav>
  <div class="hamburger">
    <span></span><span></span><span></span>
  </div>
</header>

<section class="hero" style="min-height:60vh;margin-top:80px;">
  <div class="hero-content">
    <h1>Blog <span>Educativo</span></h1>
    <p>Artículos y recursos para mejorar tu español.</p>
  </div>
</section>

<section class="form-section">
  <div class="form-container">
    <h3>Suscríbete al Newsletter</h3>

    <?php if (!empty($errores)): ?>
      <div class="error">
        <?php foreach ($errores as $e): ?>
          <p><?php echo $e; ?></p>
        <?php endforeach; ?>
      </div>
    <?php endif; ?>

    <?php if ($mensaje != ""): ?>
      <div class="success">
        <p><?php echo $mensaje; ?></p>
      </div>
    <?php endif; ?>

    <form method="post">
      <div class="form-group">
        <label>Correo electrónico</label>
        <input type="text" name="email" class="form-control"
               value="<?php echo isset($_POST['email']) ? htmlspecialchars($_POST['email']) : ''; ?>">
      </div>

      <div class="form-group">
        <label><input type="radio" name="frecuencia" value="semanal" checked> Semanal</label>
        <label><input type="radio" name="frecuencia" value="mensual"> Mensual</label>
      </div>

      <div class="form-group">
        <label>
          <input type="checkbox" name="acepto" <?php echo isset($_POST['acepto']) ? 'checked' : ''; ?>>
          Acepto recibir comunicaciones educativas
        </label>
      </div>

      <button type="submit" name="suscribirse" class="btn-main">Suscribirse</button>
    </form>
  </div>
</section>

<footer>
  <div class="footer-content">
    <p>&copy; Curso de Lengua y Literatura – Elvis Santamaría</p>
  </div>
</footer>

</body>
</html>