<?php
session_start();
if (!isset($_SESSION['usuario'])) {
    header("Location: ../index.php");
    exit;
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Redacción - Lengua y Literatura</title>
  <link rel="stylesheet" href="../css/styles.css">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="../js/script.js" defer></script>
</head>
<body>
  
  <header class="navbar">
    <div class="logo">Lengua<span>&</span>Literatura</div>
    <nav>
      <ul class="nav-menu">
        <nav>
  <?php include("../includes/menu.php"); ?>
</nav>
      <div class="hamburger">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </nav>
  </header>

  <main class="page-main" style="margin-top:80px;">
    <article class="content-article">
      <h1>Taller de Redacción</h1>
      <p>Escribe, cuenta historias y practica la coherencia. Usa el editor y revisa tu conteo de palabras.</p>

      <section class="redac-editor">
        <label for="redac-texto">Escribe tu texto:</label>
        <textarea id="redac-texto" rows="10" placeholder="Empieza a escribir aquí..."></textarea>
        <div class="redac-herramientas">
          <button id="redac-contar" class="btn-main" type="button">Contar Palabras</button>
          <button id="redac-mayus" class="btn-main" type="button">Todo MAYÚS</button>
          <button id="redac-minus" class="btn-main" type="button">todo minús</button>
          <button id="redac-limpiar" class="btn-main" type="button">Limpiar</button>
        </div>
        <div id="redac-info"></div>
      </section>

      <section class="plantillas-redac">
        <h3>Plantillas rápidas</h3>
        <button class="plantilla-btn" data-text="Título: \Introducción: \Desarrollo: \Conclusión: Borre los slash y realice su redacción.">Ensayo básico</button>
        <button class="plantilla-btn" data-text="Personajes: \Inicio: \Problema: \Clímax: \Final: Borre los slash y realice su redacción. ">Historia corta</button>
      </section>
    </article>
  </main>

  <footer>
    <div class="footer-content">
      <p>&copy; Curso de Lengua y Literatura BY EVLU Elvislu (Elvis Santamaría) - Todos los derechos reservados.</p>
      </div>
    </div>
  </footer>
</body>