// ============================================
// SISTEMA DE LIKES Y REACCIONES
// ============================================

/**
 * Obtener conteo de likes para un contenido
 */
function get_likes_count($content_type, $content_id) {
    global $db;
    $stmt = $db->prepare("SELECT COUNT(*) as count FROM likes WHERE content_type = ? AND content_id = ?");
    $stmt->execute([$content_type, $content_id]);
    $result = $stmt->fetch();
    return $result['count'] ?? 0;
}

/**
 * Verificar si el usuario actual ha dado like
 */
function user_has_liked($content_type, $content_id, $user_id) {
    global $db;
    $stmt = $db->prepare("SELECT id FROM likes WHERE content_type = ? AND content_id = ? AND user_id = ?");
    $stmt->execute([$content_type, $content_id, $user_id]);
    return $stmt->fetch() !== false;
}

/**
 * Toggle like (agregar o quitar)
 */
function toggle_like($content_type, $content_id, $user_id) {
    global $db;
    
    try {
        $db->beginTransaction();
        
        // Verificar si ya existe
        $stmt = $db->prepare("SELECT id FROM likes WHERE content_type = ? AND content_id = ? AND user_id = ?");
        $stmt->execute([$content_type, $content_id, $user_id]);
        $existing = $stmt->fetch();
        
        if ($existing) {
            // Eliminar like
            $stmt = $db->prepare("DELETE FROM likes WHERE content_type = ? AND content_id = ? AND user_id = ?");
            $stmt->execute([$content_type, $content_id, $user_id]);
            $action = 'removed';
        } else {
            // Agregar like
            $stmt = $db->prepare("INSERT INTO likes (content_type, content_id, user_id) VALUES (?, ?, ?)");
            $stmt->execute([$content_type, $content_id, $user_id]);
            $action = 'added';
        }
        
        // Actualizar contador en la tabla principal
        $table_map = [
            'blog_post' => 'blog_posts',
            'investigation' => 'investigations',
            'esoterism' => 'esoterism_content'
        ];
        
        if (isset($table_map[$content_type])) {
            $table = $table_map[$content_type];
            $count = get_likes_count($content_type, $content_id);
            $stmt = $db->prepare("UPDATE {$table} SET likes_count = ? WHERE id = ?");
            $stmt->execute([$count, $content_id]);
        }
        
        $db->commit();
        return ['success' => true, 'action' => $action, 'count' => get_likes_count($content_type, $content_id)];
        
    } catch (Exception $e) {
        $db->rollBack();
        return ['success' => false, 'error' => $e->getMessage()];
    }
}

// ============================================
// SISTEMA DE COMENTARIOS
// ============================================

/**
 * Obtener comentarios de un contenido
 */
function get_comments($content_type, $content_id, $parent_id = null) {
    global $db;
    
    $sql = "SELECT c.*, u.username, u.first_name, u.last_name, u.profile_image
            FROM comments c
            INNER JOIN users u ON c.user_id = u.id
            WHERE c.content_type = ? AND c.content_id = ? AND c.is_approved = 1";
    
    if ($parent_id === null) {
        $sql .= " AND c.parent_id IS NULL";
        $params = [$content_type, $content_id];
    } else {
        $sql .= " AND c.parent_id = ?";
        $params = [$content_type, $content_id, $parent_id];
    }
    
    $sql .= " ORDER BY c.created_at DESC";
    
    $stmt = $db->prepare($sql);
    $stmt->execute($params);
    return $stmt->fetchAll();
}

/**
 * Contar comentarios de un contenido
 */
function get_comments_count($content_type, $content_id) {
    global $db;
    $stmt = $db->prepare("SELECT COUNT(*) as count FROM comments WHERE content_type = ? AND content_id = ? AND is_approved = 1");
    $stmt->execute([$content_type, $content_id]);
    $result = $stmt->fetch();
    return $result['count'] ?? 0;
}

/**
 * Agregar comentario
 */
function add_comment($content_type, $content_id, $user_id, $comment, $parent_id = null) {
    global $db;
    
    try {
        $db->beginTransaction();
        
        // Insertar comentario
        $stmt = $db->prepare("
            INSERT INTO comments (content_type, content_id, user_id, comment, parent_id)
            VALUES (?, ?, ?, ?, ?)
        ");
        $stmt->execute([$content_type, $content_id, $user_id, $comment, $parent_id]);
        
        // Actualizar contador
        $table_map = [
            'blog_post' => 'blog_posts',
            'investigation' => 'investigations',
            'esoterism' => 'esoterism_content'
        ];
        
        if (isset($table_map[$content_type])) {
            $table = $table_map[$content_type];
            $count = get_comments_count($content_type, $content_id);
            $stmt = $db->prepare("UPDATE {$table} SET comments_count = ? WHERE id = ?");
            $stmt->execute([$count, $content_id]);
        }
        
        $db->commit();
        return ['success' => true, 'message' => 'Comentario agregado exitosamente'];
        
    } catch (Exception $e) {
        $db->rollBack();
        return ['success' => false, 'error' => $e->getMessage()];
    }
}

/**
 * Renderizar HTML de comentarios
 */
function render_comments($comments, $content_type, $content_id, $depth = 0) {
    $html = '';
    
    foreach ($comments as $comment) {
        $author_name = !empty($comment['first_name']) 
            ? $comment['first_name'] . ' ' . $comment['last_name'] 
            : $comment['username'];
        
        $avatar_letter = strtoupper(substr($author_name, 0, 1));
        $time_ago = time_ago($comment['created_at']);
        
        $html .= '<div class="comment" style="margin-left: ' . ($depth * 40) . 'px;">';
        $html .= '<div class="comment-header">';
        $html .= '<div class="comment-avatar">' . $avatar_letter . '</div>';
        $html .= '<div>';
        $html .= '<div class="comment-author">' . htmlspecialchars($author_name) . '</div>';
        $html .= '<div class="comment-date">' . $time_ago . '</div>';
        $html .= '</div>';
        $html .= '</div>';
        $html .= '<div class="comment-body">' . nl2br(htmlspecialchars($comment['comment'])) . '</div>';
        
        if (is_logged_in()) {
            $html .= '<div class="comment-actions">';
            $html .= '<span class="comment-action reply-btn" data-comment-id="' . $comment['id'] . '">💬 Responder</span>';
            $html .= '</div>';
            $html .= '<div class="reply-form" id="reply-form-' . $comment['id'] . '" style="display: none;"></div>';
        }
        
        // Respuestas
        $replies = get_comments($content_type, $content_id, $comment['id']);
        if (!empty($replies)) {
            $html .= render_comments($replies, $content_type, $content_id, $depth + 1);
        }
        
        $html .= '</div>';
    }
    
    return $html;
}

/**
 * Calcular tiempo transcurrido
 */
function time_ago($datetime) {
    $timestamp = strtotime($datetime);
    $diff = time() - $timestamp;
    
    if ($diff < 60) {
        return 'Hace un momento';
    } elseif ($diff < 3600) {
        $minutes = floor($diff / 60);
        return "Hace {$minutes} minuto" . ($minutes > 1 ? 's' : '');
    } elseif ($diff < 86400) {
        $hours = floor($diff / 3600);
        return "Hace {$hours} hora" . ($hours > 1 ? 's' : '');
    } elseif ($diff < 604800) {
        $days = floor($diff / 86400);
        return "Hace {$days} día" . ($days > 1 ? 's' : '');
    } else {
        return date('d/m/Y', $timestamp);
    }
}

// ============================================
// GALERÍA DE IMÁGENES
// ============================================

/**
 * Obtener imágenes de galería de una investigación
 */
function get_investigation_gallery($investigation_id) {
    global $db;
    $stmt = $db->prepare("
        SELECT ig.*, u.username
        FROM investigation_gallery ig
        LEFT JOIN users u ON ig.uploaded_by = u.id
        WHERE ig.investigation_id = ?
        ORDER BY ig.display_order ASC, ig.created_at ASC
    ");
    $stmt->execute([$investigation_id]);
    return $stmt->fetchAll();
}

/**
 * Agregar imagen a galería
 */
function add_gallery_image($investigation_id, $image_path, $caption, $user_id, $display_order = 0) {
    global $db;
    
    try {
        $stmt = $db->prepare("
            INSERT INTO investigation_gallery (investigation_id, image_path, caption, uploaded_by, display_order)
            VALUES (?, ?, ?, ?, ?)
        ");
        $stmt->execute([$investigation_id, $image_path, $caption, $user_id, $display_order]);
        return ['success' => true, 'message' => 'Imagen agregada a la galería'];
    } catch (Exception $e) {
        return ['success' => false, 'error' => $e->getMessage()];
    }
}

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Investigaciones paranormales y esoterismo">
    <title>Esoterismo - FakeGhost</title>
    <link rel="stylesheet" href="https://test.fakeghost.cl/assets/css/style.css?v=2.1">
    </head>
<body>
    <header>
        <div class="container">
            <div class="header-content">
                <a href="https://test.fakeghost.cl" class="logo">
                                            <img src="https://test.fakeghost.cl/uploads/site/698a40e069c67_1770668256.png" 
                             alt="FakeGhost" 
                             style="height: 50px; max-width: 200px; object-fit: contain;">
                                    </a>
                
                <button class="hamburger" id="hamburger" aria-label="Menú">
                    <span></span>
                    <span></span>
                    <span></span>
                </button>
                
                <nav>
                    <ul id="navMenu">
                        <li><a href="https://test.fakeghost.cl" class="">Home</a></li>
                        <li><a href="https://test.fakeghost.cl/pages/quienes-somos.php" class="">Quiénes Somos</a></li>
                        <li><a href="https://test.fakeghost.cl/pages/investigacion.php" class="">Investigaciones</a></li>
                        <li><a href="https://test.fakeghost.cl/pages/blog.php" class="">Blog</a></li>
                        <li><a href="https://test.fakeghost.cl/pages/esoterismo.php" class="active">Esoterismo</a></li>
                        <li><a href="https://test.fakeghost.cl/pages/tienda.php" class="">Tienda</a></li>
                        <li><a href="https://test.fakeghost.cl/pages/contacto.php" class="">Contacto</a></li>
                        
                                                    <li><a href="https://test.fakeghost.cl/auth/login.php" class="btn btn-sm btn-primary">Iniciar Sesión</a></li>
                            <li><a href="https://test.fakeghost.cl/auth/register.php" class="btn btn-sm">Registrarse</a></li>
                                            </ul>
                </nav>
            </div>
        </div>
    </header>
    
    <main>
                        
                        
                        
            
<h1 style="text-align: center; margin-bottom: 2rem;">🔮 Esoterismo</h1>

    <div class="card" style="margin-bottom: 2rem;">
        <div class="card-body">
            <div style="display: flex; gap: 0.5rem; flex-wrap: wrap; justify-content: center;">
                <a href="esoterismo.php" class="btn btn-primary">
                    Todas
                </a>
                                    <a href="?category=Astrolog%C3%ADa" class="btn ">
                        Astrología                    </a>
                                    <a href="?category=Energ%C3%ADa" class="btn ">
                        Energía                    </a>
                                    <a href="?category=Tarot" class="btn ">
                        Tarot                    </a>
                            </div>
        </div>
    </div>

    <div class="grid grid-3">
                    <div class="card">
                                
                <div class="card-body">
                                            <span style="display: inline-block; padding: 5px 12px; background: var(--accent-color); color: white; border-radius: 5px; font-size: 0.85rem; font-weight: 600; margin-bottom: 0.75rem;">
                            Tarot                        </span>
                                        
                    <h3 style="margin-bottom: 1rem;">
                        Introducción al Tarot: Los Arcanos Mayores                    </h3>
                    
                    <p style="color: #666; font-size: 0.95rem; margin-bottom: 1rem; line-height: 1.6;">
                        Guía básica para comenzar tu camino en la lectura del Tarot y entender los Arcanos Mayores.                    </p>
                    
                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding-top: 1rem; border-top: 1px solid #eee;">
                        <span style="color: #888; font-size: 0.9rem;">👁️ 0 vistas</span>
                    </div>
                    
                    <button onclick="showContent1()" class="btn btn-primary btn-sm" style="width: 100%;">
                        Leer más →
                    </button>
                    
                    <div id="content1" style="display: none; margin-top: 1rem; padding-top: 1rem; border-top: 2px solid #eee;">
                        <div style="white-space: pre-wrap; line-height: 1.8; color: #444;">
                            El Tarot es un sistema de 78 cartas divididas en Arcanos Mayores (22 cartas) y Arcanos Menores (56 cartas). Los Arcanos Mayores representan las grandes lecciones y arquetipos de la vida humana.<br />
<br />
Cada carta tiene múltiples capas de significado que varían según su posición en la tirada y las cartas circundantes. El Loco (0) representa nuevos comienzos, El Mago (I) el poder de manifestación, y La Sacerdotisa (II) la intuición y el conocimiento oculto.<br />
<br />
Aprender a leer el Tarot requiere tiempo, práctica y desarrollo de la intuición. No se trata de memorizar significados, sino de conectar con la energía de cada carta y permitir que hablen a través de ti.<br />
<br />
Recomendaciones para principiantes:<br />
- Comienza con un mazo que resuene contigo<br />
- Estudia una carta por día<br />
- Lleva un diario de tus interpretaciones<br />
- Practica con lecturas simples de 3 cartas<br />
- Confía en tu intuición                        </div>
                        <button onclick="showContent1()" class="btn btn-sm" style="width: 100%; margin-top: 1rem;">
                            Ocultar
                        </button>
                    </div>
                    
                    <script>
                    function showContent1() {
                        const el = document.getElementById('content1');
                        el.style.display = el.style.display === 'none' ? 'block' : 'none';
                    }
                    </script>
                </div>
            </div>
                    <div class="card">
                                
                <div class="card-body">
                                            <span style="display: inline-block; padding: 5px 12px; background: var(--accent-color); color: white; border-radius: 5px; font-size: 0.85rem; font-weight: 600; margin-bottom: 0.75rem;">
                            Astrología                        </span>
                                        
                    <h3 style="margin-bottom: 1rem;">
                        Luna Llena: Rituales y Significado                    </h3>
                    
                    <p style="color: #666; font-size: 0.95rem; margin-bottom: 1rem; line-height: 1.6;">
                        Descubre el poder de la Luna Llena y aprende rituales simples para aprovechar su energía.                    </p>
                    
                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding-top: 1rem; border-top: 1px solid #eee;">
                        <span style="color: #888; font-size: 0.9rem;">👁️ 0 vistas</span>
                    </div>
                    
                    <button onclick="showContent2()" class="btn btn-primary btn-sm" style="width: 100%;">
                        Leer más →
                    </button>
                    
                    <div id="content2" style="display: none; margin-top: 1rem; padding-top: 1rem; border-top: 2px solid #eee;">
                        <div style="white-space: pre-wrap; line-height: 1.8; color: #444;">
                            La Luna Llena ha sido venerada por culturas ancestrales como un momento de poder máximo y manifestación. Es el punto culminante del ciclo lunar, cuando la Luna refleja completamente la luz del Sol.<br />
<br />
Energéticamente, la Luna Llena amplifica las emociones y trae claridad sobre situaciones que han estado ocultas. Es un momento ideal para:<br />
<br />
- Liberación: Soltar lo que ya no sirve<br />
- Gratitud: Agradecer por las bendiciones recibidas<br />
- Carga de cristales: Exponer tus cristales a la luz lunar<br />
- Meditación: Conectar con tu intuición<br />
<br />
Ritual Simple de Luna Llena:<br />
1. Limpia tu espacio con salvia o palo santo<br />
2. Enciende una vela blanca<br />
3. Escribe en un papel lo que deseas liberar<br />
4. Quema el papel de forma segura<br />
5. Medita visualizando la energía lunar limpiando tu campo energético<br />
6. Agradece a la Luna por su energía<br />
<br />
Recuerda: La intención es más importante que la perfección del ritual.                        </div>
                        <button onclick="showContent2()" class="btn btn-sm" style="width: 100%; margin-top: 1rem;">
                            Ocultar
                        </button>
                    </div>
                    
                    <script>
                    function showContent2() {
                        const el = document.getElementById('content2');
                        el.style.display = el.style.display === 'none' ? 'block' : 'none';
                    }
                    </script>
                </div>
            </div>
                    <div class="card">
                                
                <div class="card-body">
                                            <span style="display: inline-block; padding: 5px 12px; background: var(--accent-color); color: white; border-radius: 5px; font-size: 0.85rem; font-weight: 600; margin-bottom: 0.75rem;">
                            Energía                        </span>
                                        
                    <h3 style="margin-bottom: 1rem;">
                        Protección Energética: Técnicas Esenciales                    </h3>
                    
                    <p style="color: #666; font-size: 0.95rem; margin-bottom: 1rem; line-height: 1.6;">
                        Aprende técnicas prácticas para proteger tu energía de influencias negativas externas.                    </p>
                    
                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding-top: 1rem; border-top: 1px solid #eee;">
                        <span style="color: #888; font-size: 0.9rem;">👁️ 0 vistas</span>
                    </div>
                    
                    <button onclick="showContent3()" class="btn btn-primary btn-sm" style="width: 100%;">
                        Leer más →
                    </button>
                    
                    <div id="content3" style="display: none; margin-top: 1rem; padding-top: 1rem; border-top: 2px solid #eee;">
                        <div style="white-space: pre-wrap; line-height: 1.8; color: #444;">
                            Todos estamos expuestos a diferentes tipos de energías a lo largo del día. Aprender a proteger tu campo energético es fundamental para mantener tu bienestar emocional y espiritual.<br />
<br />
Señales de que necesitas protección energética:<br />
- Agotamiento sin razón aparente<br />
- Cambios de humor repentinos<br />
- Sensación de pesadez después de estar con ciertas personas<br />
- Dificultad para concentrarte<br />
- Pesadillas frecuentes<br />
<br />
Técnicas de Protección:<br />
<br />
1. Visualización de Luz Blanca:<br />
Imagina una esfera de luz blanca brillante que te rodea completamente. Esta luz actúa como un escudo que solo permite que energías positivas te alcancen.<br />
<br />
2. Raíces a la Tierra:<br />
Visualiza raíces que salen de tus pies y se conectan profundamente con el centro de la Tierra. Esto te ancla y drena cualquier energía negativa.<br />
<br />
3. Sal Marina:<br />
Llevar un pequeño sobre de sal marina o bañarte con sales energiza tu campo áurico.<br />
<br />
4. Cristales Protectores:<br />
- Turmalina negra: Absorbe energía negativa<br />
- Obsidiana: Escudo psíquico poderoso<br />
- Amatista: Protección espiritual<br />
<br />
5. Mantras:<br />
Repetir &#039;Estoy protegido/a, estoy a salvo, estoy en paz&#039; activa tu intención de protección.<br />
<br />
La protección energética debe ser parte de tu rutina diaria, como lavarte los dientes.                        </div>
                        <button onclick="showContent3()" class="btn btn-sm" style="width: 100%; margin-top: 1rem;">
                            Ocultar
                        </button>
                    </div>
                    
                    <script>
                    function showContent3() {
                        const el = document.getElementById('content3');
                        el.style.display = el.style.display === 'none' ? 'block' : 'none';
                    }
                    </script>
                </div>
            </div>
            </div>
    
    
    
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>👻 FakeGhost</h3>
                    <p>Investigaciones paranormales y esoterismo</p>
                </div>
                
                <div class="footer-section">
                    <h3>Enlaces Rápidos</h3>
                    <ul>
                        <li><a href="https://test.fakeghost.cl">Home</a></li>
                        <li><a href="https://test.fakeghost.cl/pages/quienes-somos.php">Quiénes Somos</a></li>
                        <li><a href="https://test.fakeghost.cl/pages/investigacion.php">Investigaciones</a></li>
                        <li><a href="https://test.fakeghost.cl/pages/blog.php">Blog</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h3>Más</h3>
                    <ul>
                        <li><a href="https://test.fakeghost.cl/pages/esoterismo.php">Esoterismo</a></li>
                        <li><a href="https://test.fakeghost.cl/pages/tienda.php">Tienda</a></li>
                        <li><a href="https://test.fakeghost.cl/pages/contacto.php">Contacto</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h3>Síguenos</h3>
                    <ul>
                                                                                                                    </ul>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p>&copy; 2026 FakeGhost. Todos los derechos reservados.</p>
            </div>
        </div>
    </footer>
    
    <script src="https://test.fakeghost.cl/assets/js/main.js"></script>
</body>
</html>