<!doctype html>
<?php
    session_start(); // Iniciar la sesión
    // Verifica si la sesión 'cedula' está iniciada
    if (!isset($_SESSION['cedula'])) {
        // Si no hay una sesión iniciada, redirige a login.php con un mensaje
        header("Location: login.php?mensaje=" . urlencode("Debe iniciar sesión para poder ver esta página"));
        exit(); // Asegurarse de que el script se detenga aquí
    }
    include('menus.php');
    sesion_paciente();
?>
<?php
    require('conexion.php');  
?>
<html class="no-js" lang="zxx">
    <?php
        head_1();
    ?>
    <body>
        <?php
            header_2();
        ?>
        <!-- Start Appointment -->
        <section class="appointment">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title">
                            <h2>Nueva Publicación</h2>
                            <img src="img/section-img.png" alt="#">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6 col-md-12 col-12">
                        <div class="comments-form">
                            <!-- Formulario para nueva publicación -->
                            <form class="form" method="post" action="insertar_publicacion.php" onsubmit="return validarFormulario()">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <label>Nombre</label>
                                        <div class="form-group">
                                            <i class="fa fa-user"></i>
                                            <input type="text" name="nombre" value="<?php echo $_SESSION['nombre']; ?>" readonly>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <label>Título</label>
                                        <div class="form-group">
                                            <i class="fa fa-pencil"></i>
                                            <input type="text" name="titulo" placeholder="Título" required="required">
                                        </div>
                                    </div>
                                    <!-- Lista desplegable de categorias -->
                                    <input type="hidden" id="categoria" name="categoria" value="">
                                    <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                            <label>Selecciona una Categoría</label>
                                            <div class="nice-select form-control wide" tabindex="0">
                                                <span class="current" id="cat_text">Selecciona una Categoría</span>
                                                <ul class="list">
                                                    <?php
                                                    include('conexion.php'); // Asegurar la conexión
                                                    $sql_cat = "SELECT DISTINCT categoria FROM publicaciones";
                                                    $result_cat = $conn->query($sql_cat);

                                                    if (!$result_cat) {
                                                        die("Error en la consulta: " . $conn->error); // Depuración en caso de error
                                                    }

                                                    while ($cat = $result_cat->fetch_assoc()) {
                                                        echo '<li data-value="' . htmlspecialchars($cat['categoria']) . '" class="option" onclick="selectCat(\'' . htmlspecialchars($cat['categoria']) . '\')">' . htmlspecialchars($cat['categoria']) . '</li>';
                                                    }
                                                    ?>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Lista desplegable de tags -->
                                    <input type="hidden" id="tag" name="tag" value="">
                                    <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">
                                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                                            <label>Palabra Clave</label>
                                            

                                            <div class="nice-select form-control wide" tabindex="0">
                                                <span class="current" id="tag_text">Seleccione una palabra clave</span>
                                                <ul class="list">
                                                    <?php
                                                    include('conexion.php'); // Asegurar la conexión
                                                    $sql_tags = "SELECT DISTINCT tag FROM publicaciones_tags";
                                                    $result_tags = $conn->query($sql_tags);

                                                    if (!$result_tags) {
                                                        die("Error en la consulta: " . $conn->error); // Depuración en caso de error
                                                    }

                                                    while ($tag = $result_tags->fetch_assoc()) {
                                                        echo '<li data-value="' . htmlspecialchars($tag['tag']) . '" class="option" onclick="selectTag(\'' . htmlspecialchars($tag['tag']) . '\')">' . htmlspecialchars($tag['tag']) . '</li>';
                                                    }
                                                    ?>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <script>
                                        function selectTag(value) {
                                            document.getElementById('tag').value = value; 
                                            document.getElementById('tag_text').textContent = value;
                                        }
                                        function selectCat(value) {
                                            document.getElementById('categoria').value = value; 
                                            document.getElementById('cat_text').textContent = value;
                                        }
                                    </script>
                                    <div class="col-lg-12">
                                        <label>Cuerpo Publicación</label>
                                        <div class="form-group">
                                            <i class="fa fa-file-text"></i>
                                            <textarea name="contenido" rows="7" placeholder="Escribe el cuerpo de tu publicación aquí" required></textarea>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group button">
                                            <button type="submit" class="btn primary"><i class="fa fa-send"></i> Publicar</button>
                                        </div>
                                    </div> 
                                </div>
                            </form>
                            <!--/ End Formulario -->
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 ">
                        <div class="appointment-image">
                            <img src="img/publicacion.jpg" alt="#">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Appointment -->
        <?php
            footer_1();
        ?>
        <script>
            function validarFormulario(event) {
                let categoria = document.getElementById('categoria').value.trim();
                let tag = document.getElementById('tag').value.trim();

                if (categoria === "") {
                    alert("Por favor, selecciona una categoría antes de publicar.");
                    return false;
                }

                if (tag === "") {
                    alert("Por favor, selecciona una palabra clave antes de publicar.");
                    return false;
                }

                return true;
            }

            function selectTag(value) {
                document.getElementById('tag').value = value;
                document.getElementById('tag_text').textContent = value;
            }

            function selectCat(value) {
                document.getElementById('categoria').value = value;
                document.getElementById('cat_text').textContent = value;
            }
        </script>

    </body>
</html>