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

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

if ($_SERVER["REQUEST_METHOD"] === "POST") {

    $nombre   = isset($_POST["nombre"]) ? trim($_POST["nombre"]) : "";
    $apellido = isset($_POST["apellido"]) ? trim($_POST["apellido"]) : "";
    $email    = isset($_POST["email"]) ? trim($_POST["email"]) : "";
    $tema     = isset($_POST["tema"]) ? $_POST["tema"] : "";
    $mensaje  = isset($_POST["mensaje"]) ? trim($_POST["mensaje"]) : "";
    $suscribir = isset($_POST["suscribir"]);

    if ($nombre === "") {
        $errores[] = "El nombre es obligatorio.";
    }

    if ($apellido === "") {
        $errores[] = "El apellido es obligatorio.";
    }

    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 ($mensaje === "") {
        $errores[] = "El mensaje es obligatorio.";
    } elseif (strlen($mensaje) < 10) {
        $errores[] = "El mensaje debe tener al menos 10 caracteres.";
    }

    if (empty($errores)) {
        $exito = "Mensaje enviado correctamente. Gracias por contactarnos.";
    }
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Contacto - 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:50vh; margin-top:80px;">
  <div class="hero-content">
    <h1>Contacto <span>y Soporte</span></h1>
    <p>¿Dudas o sugerencias? Escríbenos.</p>
  </div>
</section>

<section class="form-section">
  <div class="form-container">
    <h3>Envíanos un mensaje</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 ($exito != ""): ?>
      <div class="success">
        <p><?php echo $exito; ?></p>
      </div>
    <?php endif; ?>

    <form method="post">
      <div class="form-grid-2">
        <div class="form-field">
          <label>Nombre*</label>
          <input type="text" name="nombre"
                 value="<?php echo isset($nombre) ? htmlspecialchars($nombre) : ''; ?>">
        </div>

        <div class="form-field">
          <label>Apellido*</label>
          <input type="text" name="apellido"
                 value="<?php echo isset($apellido) ? htmlspecialchars($apellido) : ''; ?>">
        </div>
      </div>

      <div class="form-field">
        <label>Correo*</label>
        <input type="text" name="email"
               value="<?php echo isset($email) ? htmlspecialchars($email) : ''; ?>">
      </div>

      <div class="form-field">
        <label>Tema</label>
        <select name="tema">
          <option value="">-- Selecciona --</option>
          <option value="gramatica">Gramática</option>
          <option value="literatura">Literatura</option>
          <option value="redaccion">Redacción</option>
          <option value="general">Otro</option>
        </select>
      </div>

      <div class="form-field">
        <label>Mensaje*</label>
        <textarea name="mensaje" rows="5"><?php
          echo isset($mensaje) ? htmlspecialchars($mensaje) : '';
        ?></textarea>
      </div>

      <div class="form-field">
        <label>
          <input type="checkbox" name="suscribir"
            <?php echo isset($suscribir) ? 'checked' : ''; ?>>
          Quiero recibir novedades del curso
        </label>
      </div>

      <button type="submit" class="btn-main">Enviar</button>
    </form>
  </div>
</section>

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

</body>
</html>