<?php
session_start();  // Asegúrate de que la sesión se inicie correctamente

require './header.php';
require_once 'modelo.php';
require_once 'config.php';

// Verificar si el usuario está autenticado
$rol = null; // Inicializamos $rol como null para usuarios no autenticados
if (isset($_SESSION['usuario_correo'])) {
    $correo = $_SESSION['usuario_correo'];

    // Si no se ha guardado el rol en la sesión, obtenerlo de la base de datos
    if (!isset($_SESSION['rol'])) {
        // Obtener el rol del usuario desde la base de datos
        $sqlUsuario = "SELECT rol FROM usuarios WHERE correo = ?";
        $stmtUsuario = $conexion->conn->prepare($sqlUsuario);

        if ($stmtUsuario === false) {
            die("Error en la preparación de la consulta: " . $conexion->conn->error);
        }

        $stmtUsuario->bind_param('s', $correo);
        $stmtUsuario->execute();
        $resultadoUsuario = $stmtUsuario->get_result();

        if ($usuario = $resultadoUsuario->fetch_object()) {
            // Guardar el rol en la sesión
            $_SESSION['rol'] = $usuario->rol;
        } else {
            echo "Error: Usuario no encontrado en la base de datos.";
            exit;
        }

        // Cerrar la consulta
        $stmtUsuario->close();
    }

    // Usar el rol almacenado en la sesión
    $rol = $_SESSION['rol'];
}

// Consultar noticias destacadas para la portada (actualidad)
$consulta = "SELECT * FROM noticias WHERE destacadaPortada = 1 LIMIT 3";
$resultado = $conexion->obtenerDatos($consulta);

// Convertir los datos a un array
$noticias = $conexion->convertirDatos($resultado);

// Consultar las noticias destacadas para Tendencias (destacadaTendencias = 1)
$consultaTendencias = "SELECT * FROM noticias WHERE destacadaTendencias = 1 ORDER BY fecha_publicacion DESC LIMIT 3";
$resultadoTendencias = $conexion->obtenerDatos($consultaTendencias);
$tendencias = $conexion->convertirDatos($resultadoTendencias);

// Consultar la noticia más reciente para el Tema Semanal
$consultaTemaSemanal = "SELECT * FROM temasemanal ORDER BY fecha DESC LIMIT 1";
$resultadoTemaSemanal = $conexion->obtenerDatos($consultaTemaSemanal);
$temaSemanal = $conexion->convertirDatos($resultadoTemaSemanal);

// Consultar la última noticia de la tabla topLinkedin por fecha
$consultaTopLinkedin = "SELECT * FROM toplinkedin ORDER BY fecha DESC LIMIT 1";
$resultadoTopLinkedin = $conexion->obtenerDatos($consultaTopLinkedin);
$topLinkedin = $conexion->convertirDatos($resultadoTopLinkedin);

// Cerrar la conexión
$conexion->cerrarConexion();
?>

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="./css/est_pagina_principal.css">
    </head>
    <body>
        <?php
            // Verificar si el parámetro 'registro' está presente en la URL
            if (isset($_GET['registro'])) {
                $registro = $_GET['registro'];
                echo "<script>";
                if ($registro == 'existe') {
                    echo "alert('El usuario ya está registrado.');";
                } elseif ($registro == 'exito') {
                    echo "alert('Usuario registrado con éxito.');";
                } elseif ($registro == 'error') {
                    echo "alert('Hubo un error al registrar el usuario.');";
                }
                echo "</script>";
            }
        ?>
        <div class="advert-container">
            <div class="advert-content">
                <div class="advert-item"><img src="./imagenes/logoInproeco.png" alt="Logo Inproeco"></div>
                <div class="advert-item"><img src="./imagenes/logoPartnerWaste.png" alt="Logo Partner Waste"></div>
                <div class="advert-item"><img src="./imagenes/logoBoyal.png" alt="Logo Boyal"></div>
                <div class="advert-item"><img src="./imagenes/logoInps.png" alt="Logo Inps"></div>
                <div class="advert-item"><img src="./imagenes/logoTde.png" alt="Logo Tde"></div>
                <div class="advert-item"><img src="./imagenes/logoInproeco.png" alt="Logo Inproeco"></div>
                <div class="advert-item"><img src="./imagenes/logoPartnerWaste.png" alt="Logo Partner Waste"></div>
                <div class="advert-item"><img src="./imagenes/logoBoyal.png" alt="Logo Boyal"></div>
                <div class="advert-item"><img src="./imagenes/logoInps.png" alt="Logo Inps"></div>
                <div class="advert-item"><img src="./imagenes/logoTde.png" alt="Logo Tde"></div>
                <div class="advert-item"><img src="./imagenes/logoInproeco.png" alt="Logo Inproeco"></div>
                <div class="advert-item"><img src="./imagenes/logoPartnerWaste.png" alt="Logo Partner Waste"></div>
                <div class="advert-item"><img src="./imagenes/logoBoyal.png" alt="Logo Boyal"></div>
                <div class="advert-item"><img src="./imagenes/logoInps.png" alt="Logo Inps"></div>
                <div class="advert-item"><img src="./imagenes/logoTde.png" alt="Logo Tde"></div>
                <div class="advert-item"><img src="./imagenes/logoInproeco.png" alt="Logo Inproeco"></div>
                <div class="advert-item"><img src="./imagenes/logoPartnerWaste.png" alt="Logo Partner Waste"></div>
                <div class="advert-item"><img src="./imagenes/logoBoyal.png" alt="Logo Boyal"></div>
                <div class="advert-item"><img src="./imagenes/logoInps.png" alt="Logo Inps"></div>
                <div class="advert-item"><img src="./imagenes/logoTde.png" alt="Logo Tde"></div>
                <div class="advert-item"><img src="./imagenes/logoInproeco.png" alt="Logo Inproeco"></div>
                <div class="advert-item"><img src="./imagenes/logoPartnerWaste.png" alt="Logo Partner Waste"></div>
                <div class="advert-item"><img src="./imagenes/logoBoyal.png" alt="Logo Boyal"></div>
                <div class="advert-item"><img src="./imagenes/logoInps.png" alt="Logo Inps"></div>
                <div class="advert-item"><img src="./imagenes/logoTde.png" alt="Logo Tde"></div>
                <div class="advert-item"><img src="./imagenes/logoInproeco.png" alt="Logo Inproeco"></div>
                <div class="advert-item"><img src="./imagenes/logoPartnerWaste.png" alt="Logo Partner Waste"></div>
                <div class="advert-item"><img src="./imagenes/logoBoyal.png" alt="Logo Boyal"></div>
                <div class="advert-item"><img src="./imagenes/logoInps.png" alt="Logo Inps"></div>
                <div class="advert-item"><img src="./imagenes/logoTde.png" alt="Logo Tde"></div>
                <div class="advert-item"><img src="./imagenes/logoInproeco.png" alt="Logo Inproeco"></div>
                <div class="advert-item"><img src="./imagenes/logoPartnerWaste.png" alt="Logo Partner Waste"></div>
                <div class="advert-item"><img src="./imagenes/logoBoyal.png" alt="Logo Boyal"></div>
                <div class="advert-item"><img src="./imagenes/logoInps.png" alt="Logo Inps"></div>
                <div class="advert-item"><img src="./imagenes/logoTde.png" alt="Logo Tde"></div>
                <div class="advert-item"><img src="./imagenes/logoInproeco.png" alt="Logo Inproeco"></div>
                <div class="advert-item"><img src="./imagenes/logoPartnerWaste.png" alt="Logo Partner Waste"></div>
                <div class="advert-item"><img src="./imagenes/logoBoyal.png" alt="Logo Boyal"></div>
                <div class="advert-item"><img src="./imagenes/logoInps.png" alt="Logo Inps"></div>
                <div class="advert-item"><img src="./imagenes/logoTde.png" alt="Logo Tde"></div>
            </div>
        </div>
        <div class="botones">
            <?php if ($rol === 1): ?>
                <button onclick="location.href='panel_administrador.php'">Panel Administrador</button>
            <?php endif; ?>
            <?php if ($rol === 2): ?>
                <button onclick="location.href='editar_espacio.php'">Editar espacio</button>
            <?php endif; ?>
            <?php if ($rol === 3): ?>
                <button onclick="location.href='editar_espacioprofesionales.php'">Editar espacio</button>
            <?php endif; ?>
        </div>

        <div class="page-container">
            <div class="left-column">
                <div class="carousel-section">
                    <h1>ACTUALIDAD</h1>
                    <div class="carousel-container">
                        <div class="carousel-slide">
                            <?php if (empty($noticias)): ?>
                                <p>No hay noticias disponibles.</p>
                            <?php else: ?>
                                <?php foreach ($noticias as $noticia): ?>
                                    <div class="carousel-item">
                                        <?php if (!empty($noticia->imagen)): ?>
                                            <!-- Enlace de la imagen -->
                                            <a href="noticia.php?id=<?php echo htmlspecialchars($noticia->id); ?>" class="carousel-image-container">
                                                <img src="<?php echo htmlspecialchars($noticia->imagen); ?>" alt="Imagen de noticia">
                                            </a>
                                            <!-- Título dentro del carrusel -->
                                            <a href="noticia.php?id=<?php echo htmlspecialchars($noticia->id); ?>" class="carousel-title-link">
                                                <h2 class="carousel-title"><?php echo htmlspecialchars($noticia->titulo); ?></h2>
                                            </a>
                                        <?php endif; ?>
                                    </div>
                                <?php endforeach; ?>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
                <div class="content-row">
                    <div class="content-column tendencias-carousel lado1">
                        <h2>TENDENCIAS</h2>
                        <?php if (empty($tendencias)): ?>
                            <p>No hay tendencias destacadas.</p>
                        <?php else: ?>
                            <div class="carousel-container">
                                <div class="carousel-slide">
                                    <?php foreach ($tendencias as $tendencia): ?>
                                        <div class="carousel-item"> 
                                            <div class="card">
                                                <a href="noticia.php?id=<?php echo htmlspecialchars($tendencia->id); ?>">
                                                    <?php if (!empty($tendencia->imagen)): ?>
                                                        <img src="<?php echo htmlspecialchars($tendencia->imagen); ?>" alt="Imagen Tendencia">
                                                    <?php endif; ?>
                                                    <h3><?php echo htmlspecialchars($tendencia->titulo); ?></h3>
                                                    <p><?php echo htmlspecialchars(substr($tendencia->cuerpo, 0, 100)); ?>...</p>
                                                </a>
                                            </div>
                                        </div>
                                    <?php endforeach; ?>
                                </div>
                            </div>
                        <?php endif; ?>
                    </div>

                    <div class="content-column centro">
                        <h2>TOP LINKEDIN</h2>
                        <?php if (!empty($topLinkedin)): ?>
                            <?php foreach ($topLinkedin as $post): ?>
                                <div class="card">
                                    <a href="./toplinkedinhistorico.php" >
                                        <?php if (!empty($post->imagen)): ?>
                                            <img src="<?php echo htmlspecialchars($post->imagen); ?>" alt="Top LinkedIn">
                                        <?php endif; ?>
                                        <h3><?php echo htmlspecialchars($post->titulo); ?></h3>
                                        <p><?php echo htmlspecialchars(substr($post->cuerpo, 0, 100)); ?>...</p>
                                    </a>
                                </div>
                            <?php endforeach; ?>
                        <?php else: ?>
                            <p>No hay publicaciones de LinkedIn disponibles.</p>
                        <?php endif; ?>
                    </div>

                    <div class="content-column lado2">
                        <h2>PARTICIPA</h2>
                        <?php if (!empty($temaSemanal)): ?>
                            <?php foreach ($temaSemanal as $tema): ?>
                                <div class="card">
                                    <a href="participa.php?id=<?php echo htmlspecialchars($tema->id); ?>">
                                        <?php if (!empty($tema->imagen)): ?>
                                            <img src="<?php echo htmlspecialchars($tema->imagen); ?>" alt="Imagen Tema Semanal">
                                        <?php endif; ?>
                                        <h3><?php echo htmlspecialchars($tema->titulo); ?></h3>
                                        <p><?php echo htmlspecialchars(substr($tema->cuerpo, 0, 100)); ?>...</p>
                                    </a>
                                </div>
                            <?php endforeach; ?>
                        <?php else: ?>
                            <p>No hay temas semanales disponibles.</p>
                        <?php endif; ?>
                    </div>
                </div>
            </div>

            <div class="right-column">
                    <div class="agenda">
                        <div id="calendario"></div>
                            <div id="eventoDetalle">
                                <span class="close" onclick="cerrarEvento()">&times;</span>
                                <h3>Detalles del Evento</h3>
                                <p id="eventoTitulo"></p>
                                <p id="eventoDescripcion"></p>
                                <p id="eventoFechas"></p>
                            </div>
                    </div>
                    <div class="promo">
                        <img src="./imagenes/gif-Inpronet.gif" alt="">
                        <img src="./imagenes/OTR-gift-residuos-profesional.gif" alt="">
                        <img src="./imagenes/gif-Inpronet.gif" alt="">
                        <img src="./imagenes/OTR-gift-residuos-profesional.gif" alt="">
                    </div>                        <!-- Sección de promoción... -->
            </div>


            <!-- FullCalendar JS -->
            <script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.11.0/main.min.js"></script>
            <!-- FullCalendar CSS -->
            <link href="https://cdn.jsdelivr.net/npm/fullcalendar@5.11.0/main.min.css" rel="stylesheet">
        </div>
        <script>

            document.addEventListener('DOMContentLoaded', function () {
                const slide = document.querySelector('.carousel-slide');
                const items = document.querySelectorAll('.carousel-item');

                let currentIndex = 0; // Índice del slide actual
                const totalItems = Math.min(items.length, 3); // Limita a 3 imágenes como máximo

                function moveToNext() {
                    const width = items[0].clientWidth;

                    // Avanzar al siguiente slide dentro del límite de 3 imágenes
                    currentIndex = (currentIndex + 1) % totalItems;
                    slide.style.transform = `translateX(-${currentIndex * width}px)`;
                }

                // Configurar el carrusel para moverse automáticamente cada 5 segundos
                setInterval(moveToNext, 5000);

                // Recalcular posición al redimensionar ventana
                window.addEventListener('resize', function () {
                    const width = items[0].clientWidth;
                    slide.style.transform = `translateX(-${currentIndex * width}px)`;
                });
            });
            document.addEventListener('DOMContentLoaded', function () {
                const slide = document.querySelector('.tendencias-carousel .carousel-slide');
                const items = document.querySelectorAll('.tendencias-carousel .carousel-item');

                let currentIndex = 0; // Índice del slide actual

                function moveToNext() {
                    const totalItems = items.length;
                    const width = items[0].clientWidth;

                    // Avanzar al siguiente slide
                    currentIndex = (currentIndex + 1) % totalItems;
                    slide.style.transform = `translateX(-${currentIndex * width}px)`;
                }

                // Configurar el carrusel para moverse automáticamente cada 5 segundos
                setInterval(moveToNext, 5000);

                // Recalcular posición al redimensionar ventana
                window.addEventListener('resize', function () {
                    const width = items[0].clientWidth;
                    slide.style.transform = `translateX(-${currentIndex * width}px)`;
                });
            });
            document.addEventListener('DOMContentLoaded', function () {
                var calendarioEl = document.getElementById('calendario');

                var calendario = new FullCalendar.Calendar(calendarioEl, {
                    initialView: 'dayGridMonth', // Vista por defecto
                    locale: 'es', // Idioma español
                    firstDay: 1, // Comienza la semana en lunes
                    headerToolbar: {
                        left: 'prev',  // Botones para navegar
                        center: 'title', // Título del mes
                        right: 'next'
                    },
                    events: [
                        {
                            title: 'Evento 1',
                            start: '2025-01-10',
                            end: '2025-01-12',
                            description: 'Este es un evento de ejemplo',
                            backgroundColor: '#1f775a'
                        },
                        {
                            title: 'Evento 2',
                            start: '2025-01-15',
                            description: 'Otro evento de ejemplo'
                        },
                        {
                            title: 'Declaración Residuos',
                            start: '2025-02-28',
                            description: 'Finaliza el plazo de presentación de la declaración de residuos en Andalucía',
                            backgroundColor: '#1f775a'
                        }
                    ],
                    dateClick: function(info) {
                        var fechaSeleccionada = info.dateStr;
                        var evento = calendario.getEvents().find(function(event) {
                            return event.startStr === fechaSeleccionada || (event.endStr && event.endStr === fechaSeleccionada);
                        });

                        // Si se encuentra un evento en la fecha seleccionada, mostrarlo
                        if (evento) {
                            document.getElementById('eventoTitulo').textContent = evento.title;
                            document.getElementById('eventoDescripcion').textContent = evento.extendedProps.description || 'No hay descripción disponible.';
                            document.getElementById('eventoFechas').textContent = 'Desde: ' + evento.start.toLocaleDateString() + ' Hasta: ' + (evento.end ? evento.end.toLocaleDateString() : evento.start.toLocaleDateString());

                            // Mostrar el contenedor de detalles
                            document.getElementById('eventoDetalle').style.display = 'block';
                        } else {
                            alert('No hay eventos en esta fecha.');
                            document.getElementById('eventoDetalle').style.display = 'none';
                        }
                    }
                });

                calendario.render();
            });
            function cerrarEvento() {
                document.getElementById("eventoDetalle").style.display = "none";
            }
        </script>
    </body>
</html>

<?php
    require './footer.php';
?>
        
