<?php
require_once './modelo.php';  // Incluir la clase de conexión a la base de datos
require './header.php';       // Incluir el encabezado
require_once 'config.php';

// Consulta para obtener todos los registros ordenados por fecha (más reciente primero)
$consulta = "SELECT * FROM toplinkedin ORDER BY fecha DESC";
$resultado = $conexion->obtenerDatos($consulta);

// Convertir el resultado a un array
$registros = $conexion->convertirDatos($resultado);

// Verificar si hay registros
if (count($registros) > 0) {
    // Mostrar el último registro como destacado
    $ultimoRegistro = $registros[0]; // El más reciente está al inicio del array
    $otrosRegistros = array_slice($registros, 1); // Resto de registros

    echo '<h2 class="titulo">Top Linkedin</h2>';
    
    // Envolver la noticia destacada en un enlace
    echo '<a href="toplinkedin.php?id=' . htmlspecialchars($ultimoRegistro->id) . '" class="registro-destacado">';
    echo '<div class="registro-destacado">';
    echo '<img src="' . htmlspecialchars($ultimoRegistro->imagen) . '" alt="Imagen destacada">';
    echo '<h3>' . htmlspecialchars($ultimoRegistro->titulo) . '</h3>';
    echo '</div>';
    echo '</a>';

    // Mostrar los demás registros en una lista
    echo '<div class="lista-registros">';
    foreach ($otrosRegistros as $registro) {
        echo '<a href="toplinkedin.php?id=' . htmlspecialchars($registro->id) . '">';
        echo '<div class="registro">';
        echo '<img src="' . htmlspecialchars($registro->imagen) . '" alt="Imagen del registro">';
        echo '<div class="registro-contenido">';
        echo '<h3>' . htmlspecialchars($registro->titulo) . '</h3>';
        echo '<p>' . nl2br(htmlspecialchars(substr($registro->cuerpo, 0, 100))) . '...</p>'; // Muestra un resumen del contenido
        echo '<p class="fecha">Publicado el: ' . date('d-m-Y', strtotime($registro->fecha)) . '</p>';
        echo '</div>';
        echo '</div>';
        echo '</a>';
    }
    echo '</div>'; // Cierre de la lista de registros
} else {
    echo '<p>No hay publicaciones disponibles.</p>';
}

require './footer.php';  // Incluir el pie de página
?>
<html>
    <link rel="stylesheet" href="./css/est_subcategoria.css">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap" rel="stylesheet">
</html>
