File Manager

✏️ Edit File: /home/u625410797/public_html/public_html/views/pages/knowledge-detail.php

<?php
require_once __DIR__ . '/../../config/config.php';
require_once __DIR__ . '/../../includes/database.php';

$slug = $_GET['slug'] ?? '';
$article = null;

try {
    $article = Database::fetch("
        SELECT ka.*, kc.name as category_name, kc.slug as category_slug 
        FROM knowledge_articles ka
        LEFT JOIN knowledge_categories kc ON ka.category_id = kc.id
        WHERE ka.slug = ? AND ka.is_published = 1 LIMIT 1
    ", [$slug]);
    
    // Update view count
    if ($article) {
        Database::execute("UPDATE knowledge_articles SET view_count = view_count + 1 WHERE id = ?", [$article['id']]);
        $article['view_count']++;
    }
} catch (Exception $e) {
    try {
        $response = file_get_contents(API_URL . 'knowledge.php?slug=' . urlencode($slug));
        if ($response) {
            $data = json_decode($response, true);
            if ($data['success']) {
                $article = $data['articles'] ?? null;
            }
        }
    } catch (Exception $ex) {
        $article = null;
    }
}

if (!$article) {
    http_response_code(404);
    require_once VIEWS_PATH . 'pages/404.php';
    exit;
}

$pageTitle = e($article['title']) . ' - คลังความรู้ Mono Electric';
$pageDescription = e($article['excerpt'] ?? 'บทความเกี่ยวกับความรู้โซลาร์เซลล์');
$pageKeywords = 'ความรู้โซลาร์เซลล์, ประหยัดค่าไฟ, ' . e($article['category_name'] ?? '');

require_once VIEWS_PATH . 'layout/header.php';

// Fetch recent articles
$recentArticles = [];
try {
    $recentArticles = Database::fetchAll("SELECT title, slug, featured_image, published_date FROM knowledge_articles WHERE id != ? AND is_published = 1 ORDER BY published_date DESC LIMIT 5", [$article['id']]);
} catch (Exception $e) {
    // Fallback empty
}
?>

<main class="bg-gray-50 min-h-screen py-10">
    <div class="max-w-7xl mx-auto px-4">
        
        <nav class="flex items-center gap-2 text-sm text-dark-500 mb-8 overflow-x-auto whitespace-nowrap py-1">
            <a href="BASE_URL . '" class="hover:text-primary-600 transition">หน้าแรก</a>
            <i data-lucide="chevron-right" class="w-4 h-4 text-dark-400"></i>
            <a href="BASE_URL . 'knowledge" class="hover:text-primary-600 transition">ความรู้พลังงานสะอาด</a>
            <i data-lucide="chevron-right" class="w-4 h-4 text-dark-400"></i>
            <?php if (!empty($article['category_name'])): ?>
            <span class="hover:text-primary-600 transition text-dark-500"><?= e($article['category_name']) ?></span>
            <i data-lucide="chevron-right" class="w-4 h-4 text-dark-400"></i>
            <?php endif; ?>
            <span class="text-dark-900 font-medium truncate"><?= e($article['title']) ?></span>
        </nav>

<div class="grid lg:grid-cols-3 gap-10">
            
            <article class="lg:col-span-2 bg-white rounded-2xl border border-gray-100 shadow-xl overflow-hidden">
                
                <div class="aspect-video w-full relative overflow-hidden bg-gray-100">
                    <img src="<?= e($article['featured_image'] ?: PUBLIC_URL . 'assets/img/index/home-es-1.jpg') ?>" 
                         alt="<?= e($article['title']) ?>" 
                         class="w-full h-full object-cover"
                         onerror="this.src='ASSETS_URL . 'img/index/home-es-1.jpg'">
                </div>

<div class="flex flex-wrap items-center gap-6 py-4 border-y border-gray-100 text-sm text-dark-500">
                        <span class="flex items-center gap-2">
                            <i data-lucide="user" class="w-4 h-4 text-primary-500"></i>
                            <?= e($article['author'] ?: 'กองบรรณาธิการ Mono') ?>
                        </span>
                        <span class="flex items-center gap-2">
                            <i data-lucide="calendar" class="w-4 h-4 text-primary-500"></i>
                            <?= date('d/m/Y', strtotime($article['published_date'] ?? 'now')) ?>
                        </span>
                        <span class="flex items-center gap-2">
                            <i data-lucide="eye" class="w-4 h-4 text-primary-500"></i>
                            <?= number_format($article['view_count']) ?> ครั้ง
                        </span>
                    </div>

<div class="prose max-w-none text-dark-700 leading-relaxed space-y-4">
                        <?php if (empty($article['content'])): ?>
                            <p class="text-dark-500 italic">ขออภัย กำลังปรับปรุงเนื้อหาเพิ่มเติมในระบบ...</p>
                        <?php else: ?>
                            <?= $article['content'] ?>
                        <?php endif; ?>
                    </div>
                </div>
            </article>

<div class="space-y-8">
                
                <div class="bg-gradient-to-br from-primary-600 to-primary-800 text-white rounded-2xl p-8 shadow-xl relative overflow-hidden">
                    <div class="absolute top-0 right-0 transform translate-x-12 -translate-y-12 bg-white/10 w-44 h-44 rounded-full blur-2xl"></div>
                    <h3 class="text-2xl font-bold mb-4 relative z-10 leading-snug">อยากลดค่าไฟสูงสุดถึง 80%?</h3>
                    <p class="text-primary-100 text-sm mb-6 relative z-10 leading-relaxed">
                        ทีมวิศวกรผู้เชี่ยวชาญพร้อมออกแบบและคำนวณราคาความคุ้มค่าโครงการติดตั้งระบบโซลาร์เซลล์ให้ฟรีไม่มีค่าใช้จ่าย!
                    </p>
                    <a href="BASE_URL . 'contact?type=engineer" class="flex items-center justify-center gap-2 bg-white text-primary-700 py-3 px-6 rounded-xl font-bold hover:bg-primary-50 transition shadow-md w-full">
                        <i data-lucide="phone-call" class="w-5 h-5"></i> ปรึกษาวิศวกรฟรี
                    </a>
                </div>

<?php if (!empty($recentArticles)): ?>
                <div class="bg-white rounded-2xl p-6 border border-gray-100 shadow-md">
                    <h4 class="font-bold text-dark-900 border-b pb-4 mb-4">บทความความรู้อื่นๆ ที่น่าสนใจ</h4>
                    <div class="space-y-4">
                        <?php foreach ($recentArticles as $recent): ?>
                        <a href="BASE_URL . 'knowledge/<?= e($recent['slug']) ?>" class="flex gap-3 group">
                            <div class="w-16 h-12 bg-gray-100 rounded-lg overflow-hidden shrink-0">
                                <img src="<?= e($recent['featured_image'] ?: PUBLIC_URL . 'assets/img/index/home-es-1.jpg') ?>" 
                                     alt="" class="w-full h-full object-cover group-hover:scale-110 transition duration-300"
                                     onerror="this.src='ASSETS_URL . 'img/index/home-es-1.jpg'">
                            </div>
                            <div>
                                <h5 class="text-sm font-semibold text-dark-900 line-clamp-2 group-hover:text-primary-600 transition leading-snug">
                                    <?= e($recent['title']) ?>
                                </h5>
                                <span class="text-xs text-dark-400 mt-1 block">
                                    <?= date('d/m/Y', strtotime($recent['published_date'])) ?>
                                </span>
                            </div>
                        </a>
                        <?php endforeach; ?>
                    </div>
                </div>
                <?php endif; ?>
            </div>
        </div>
    </div>
</main>

<?php
require_once VIEWS_PATH . 'layout/footer.php';
?>

Batal

⬅ Naik ke views 44 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁products	dir	—	2026-05-31 16:45	📂 Buka
📁solution	dir	—	2026-05-31 16:45	📂 Buka
📁solutions	dir	—	2026-05-31 16:45	📂 Buka
🐘404.php	php	1.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘about.php	php	6.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘branches.php	php	3.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘brands.php	php	3.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘cart.php	php	15.2 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘case-studies.php	php	2 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘case-study-detail.php	php	5.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘checkout.php	php	16.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘contact.php	php	20.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘customer-info.php	php	5.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘documents.php	php	4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘energy-saving.php	php	6.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘faq.php	php	3.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘gallery.php	php	3.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘home.php	php	20.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘knowledge-detail.php	php	9 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘knowledge.php	php	3.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘map.php	php	3.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘om.php	php	6.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘order-success.php	php	2.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘order-tracking.php	php	4.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘page.php	php	2.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘portfolio-detail.php	php	7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘ppa.php	php	16 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘products.php	php	20.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘project-detail.php	php	20.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘project.php	php	3.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘renewable-energy.php	php	31.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-build.php	php	7.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-design.php	php	7.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🌐service-details.html	html	12.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-details.php	php	12.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-om.php	php	7.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-ppa.php	php	14.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-request.php	php	7.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘services.php	php	4.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘solar-calculator.php	php	13.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘solar-register.php	php	10.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘solutions.php	php	5.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘testimonials.php	php	5.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘videos.php	php	4.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View