Root Explorer PHP

Editing: view-News-page.php

<?php
require_once('../php-backend/server.php');
$db = new server();
$ierp = $db->connect_sql();

function safe_base64_decode($input)
{
    if (!is_string($input) || empty($input)) {
        return null;
    }
    $input = str_replace(' ', '+', $input);
    $input = rawurldecode($input);
    $decoded = base64_decode($input, true);
    return ($decoded !== false && is_string($decoded)) ? $decoded : $input;
}

$news_page_id = isset($_GET['news_page_id']) && !empty($_GET['news_page_id']) 
    ? safe_base64_decode($_GET['news_page_id']) 
    : null;

if ($news_page_id) {

// =============================
    // ดึงข้อมูล news_page
    // =============================
    $sql = "SELECT * FROM news_page 
            WHERE news_page_id = ? 
            AND news_Act != 0  
            ORDER BY news_page_display ASC";

$stmt = $ierp->prepare($sql);
    if (!$stmt) {
        die("Prepare failed: " . $ierp->error);
    }

$stmt->bind_param("i", $news_page_id);
    $stmt->execute();
    $result = $stmt->get_result();

if ($result && $result->num_rows > 0) {
        $news_page = $result->fetch_assoc();
    } else {
        echo "ไม่พบข่าวที่คุณเลือก";
        exit;
    }

// =============================
    // ดึงรูป detail
    // =============================
    $sql_news_image_detail = "SELECT news_image_detail 
                              FROM news_detail 
                              WHERE RefID_img = ?";

$stmt2 = $ierp->prepare($sql_news_image_detail);
    if (!$stmt2) {
        die("Prepare failed: " . $ierp->error);
    }

$stmt2->bind_param("s", $news_page['RefID_news_page_img']);
    $stmt2->execute();
    $result_news_image_detail = $stmt2->get_result();

$detail_news_image_detail = [];
    if ($result_news_image_detail && $result_news_image_detail->num_rows > 0) {
        $detail_news_image_detail = $result_news_image_detail->fetch_all(MYSQLI_ASSOC);
    }

// =============================
    // ดึงลิงก์จาก link_page
    // =============================
    $sql_link = "SELECT link_name, link_address 
                 FROM link_page 
                 WHERE RefID_news_page = ?";

$stmt3 = $ierp->prepare($sql_link);
    if (!$stmt3) {
        die("Prepare failed: " . $ierp->error);
    }

$stmt3->bind_param("s", $news_page['RefID_news_page_img']);
    $stmt3->execute();
    $result_link = $stmt3->get_result();

$news_links = [];
    if ($result_link && $result_link->num_rows > 0) {
        $news_links = $result_link->fetch_all(MYSQLI_ASSOC);
    }

} else {
    echo "No news selected.";
    exit;
}
?>

<!DOCTYPE html>
<html lang="th-TH">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        Wichien Dynamic Industry </title>

body {

min-height: 100vh;
            font-family: 'Barlow', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: rgb(255 255 255);
        }

.container-news-page {
            flex: 1;
        }
		@media (min-width: 1200px) {
    .container {
        width: 1270px;
    }
}
    </style>
</head>

<body>

<?php require '../nav-bar.php'; ?>

<div class="container-news-page my-5">
    <div class="px-2" style="padding-top: 2rem;">
        <div class="news-layout">

<div class="news-images-wrapper" style="display: flex; flex-direction: column; align-items: center; gap: 1rem; max-width: min-content; margin: auto;">
                        
                        <?php if (!empty($news_page['news_page_image'])): ?>
                            <img
                                src="https://www.wdi.co.th/adminkit-dev/static/back-php/<?= htmlspecialchars($news_page['news_page_image']); ?>"
                                alt="<?= htmlspecialchars($news_page['news_page_title']); ?>"
                                class="main-news-img"
                                style="width: 40vh; height: auto; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.2);">
                        <?php endif; ?>

<?php if (!empty($detail_news_image_detail)): ?>
                            <div class="news-detail-images" style="display: flex; flex-direction: row; gap: 0.75rem; width: 100%; overflow-x: auto;">
                                <?php foreach ($detail_news_image_detail as $img): ?>
                                    <img
                                        src="https://www.wdi.co.th/adminkit-dev/static/back-php/<?= htmlspecialchars($img['news_image_detail']); ?>"
                                        alt="รายละเอียดข่าว - รูปเพิ่มเติม"
                                        class="detail-news-img"
                                        style="height: 20vh; width: auto; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,0.1); flex-shrink: 0;">
                                <?php endforeach; ?>
                            </div>
                        <?php endif; ?>
                    </div>

<div class="news-category">
                            <span class="category-th"><?= htmlspecialchars($news_page['news_page_categories']); ?></span>
                            <span class="category-en" style="display:none;"><?= htmlspecialchars($news_page['news_page_categories']); ?></span>
                        </div>

<div class="news-content">
                            <?php if (!empty($news_page['news_page_content_th'])): ?>
                                <div class="content-th"><?= htmlspecialchars_decode($news_page['news_page_content_th']); ?></div>
                            <?php endif; ?>
                            <?php if (!empty($news_page['news_page_content_en'])): ?>
                                <div class="content-en" style="display:none;"><?= htmlspecialchars_decode($news_page['news_page_content_en']); ?></div>
                            <?php endif; ?>
                        </div>
                       <?php if (!empty($news_links)): ?>
    <div style="width:100%; margin-top:20px;">

<?php foreach ($news_links as $index => $link): ?>
            
            <div style="
                display:flex;
                align-items:center;
                justify-content:space-between;
                gap:15px;
                padding:10px 0;
                border-bottom:1px solid #e5e5e5;
            ">

<div style="
                    font-weight:600;
                    font-size:15px;
                    flex:1;
                ">
                    <?= htmlspecialchars($link['link_name']); ?>
                </div>

<a href="<?= htmlspecialchars($link['link_address']); ?>"
                   target="_blank"
                   style="
                        min-width:160px;
                        text-align:center;
                        padding:6px 12px;
                        background-color:#0d6efd;
                        color:#fff;
                        text-decoration:none;
                        border-radius:4px;
                        font-size:14px;
                        display:inline-block;
                   ">

<span class="btn-th">ดูรายละเอียดสินค้า</span>
                    <span class="btn-en" style="display:none;">Read More</span>

</a>

</div>

<?php endforeach; ?>

</div>
<?php endif; ?>
                    </div>

</div>

</div>
    </div>
</div>

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

const map = {
            en: {
                show: ['.title-en', '.content-en', '.category-en', '.btn-en'],
                hide: ['.title-th', '.content-th', '.category-th', '.btn-th']
            },
            th: {
                show: ['.title-th', '.content-th', '.category-th', '.btn-th'],
                hide: ['.title-en', '.content-en', '.category-en', '.btn-en']
            }
        };

// แสดงทั้งหมด
        map[lang].show.forEach(sel => {
            entry.querySelectorAll(sel).forEach(el => {
                el.style.display = sel.includes('content') ? 'block' : 'inline';
            });
        });

// ซ่อนทั้งหมด
        map[lang].hide.forEach(sel => {
            entry.querySelectorAll(sel).forEach(el => {
                el.style.display = 'none';
            });
        });
    });

// sync active button
    document.querySelector('.lang-en')?.classList.toggle('active', lang === 'en');
    document.querySelector('.lang-th')?.classList.toggle('active', lang === 'th');
}

// =====================
// Event listeners
// =====================
document.addEventListener('DOMContentLoaded', () => {

const btnEn = document.querySelector('.lang-en');
    const btnTh = document.querySelector('.lang-th');

if (btnEn) {
        btnEn.addEventListener('click', e => {
            e.preventDefault();
            switchLanguage('en');
        });
    }

if (btnTh) {
        btnTh.addEventListener('click', e => {
            e.preventDefault();
            switchLanguage('th');
        });
    }

// 🔹 ตรวจ active ตอนโหลดหน้า
    if (btnEn && btnEn.classList.contains('active')) {
        switchLanguage('en');
    } else {
        switchLanguage('th');
    }
});
</script>

</html>

[ CANCEL ]

Name	Type	Actions
.. (Parent Directory)
📄 News-page.php	FILE	[EDIT]
📄 view-News-page.php	FILE	[EDIT]

[ Root System Explorer ]

Editing: view-News-page.php