{"id":979,"date":"2026-03-10T19:22:19","date_gmt":"2026-03-10T12:22:19","guid":{"rendered":"https:\/\/ampksn.moph.go.th\/hosSamChai\/?page_id=979"},"modified":"2026-03-11T15:57:32","modified_gmt":"2026-03-11T08:57:32","slug":"%e0%b9%80%e0%b8%ad%e0%b8%81%e0%b8%aa%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b9%88%e0%b8%a2%e0%b8%a7%e0%b8%81%e0%b8%b1%e0%b8%9a-pct","status":"publish","type":"page","link":"https:\/\/ampksn.moph.go.th\/hosSamChai\/?page_id=979","title":{"rendered":"\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a PCT"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/ampksn.moph.go.th\/hosSamChai\/wp-content\/uploads\/2026\/03\/PCT-SCH-2-1024x439.png\" alt=\"\" class=\"wp-image-1028\" srcset=\"https:\/\/ampksn.moph.go.th\/hosSamChai\/wp-content\/uploads\/2026\/03\/PCT-SCH-2-1024x439.png 1024w, https:\/\/ampksn.moph.go.th\/hosSamChai\/wp-content\/uploads\/2026\/03\/PCT-SCH-2-300x129.png 300w, https:\/\/ampksn.moph.go.th\/hosSamChai\/wp-content\/uploads\/2026\/03\/PCT-SCH-2-768x330.png 768w, https:\/\/ampksn.moph.go.th\/hosSamChai\/wp-content\/uploads\/2026\/03\/PCT-SCH-2-1536x659.png 1536w, https:\/\/ampksn.moph.go.th\/hosSamChai\/wp-content\/uploads\/2026\/03\/PCT-SCH-2-2048x879.png 2048w, https:\/\/ampksn.moph.go.th\/hosSamChai\/wp-content\/uploads\/2026\/03\/PCT-SCH-2-1400x600.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@400;700&#038;family=Prompt:wght@300;400&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e41\u0e1a\u0e1a Flexbox *\/\n    .smart-portal-wrapper {\n        display: flex;\n        gap: 20px;\n        font-family: 'Prompt', sans-serif;\n        margin: 20px 0;\n        min-height: 600px;\n    }\n\n    \/* \u0e40\u0e21\u0e19\u0e39\u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22 (\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e22\u0e48\u0e2d\u0e22) *\/\n    .smart-sidebar {\n        flex: 0 0 300px;\n        background: #fff;\n        border: 1px solid #27ae60;\n        border-radius: 12px;\n        overflow: hidden;\n        position: sticky;\n        top: 20px;\n        align-self: flex-start;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    }\n\n    .sidebar-head {\n        background: #27ae60;\n        color: white;\n        padding: 18px 15px;\n        font-family: 'Kanit', sans-serif;\n        font-weight: bold;\n        font-size: 1.1em;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .sidebar-menu-item {\n        padding: 14px 20px;\n        border-bottom: 1px solid #f1f1f1;\n        cursor: pointer;\n        transition: 0.3s;\n        font-size: 0.95em;\n        color: #444;\n        display: block;\n    }\n\n    .sidebar-menu-item:hover {\n        background-color: #f0fdf4;\n        color: #27ae60;\n        padding-left: 25px;\n    }\n\n    .sidebar-menu-item.active {\n        background-color: #e8f5e9;\n        color: #27ae60;\n        border-left: 6px solid #27ae60;\n        font-weight: bold;\n    }\n\n    \/* \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e44\u0e1f\u0e25\u0e4c\u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32 *\/\n    .smart-main-content {\n        flex: 1;\n        background: #fff;\n        border: 1px solid #ddd;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    }\n\n    .main-content-header {\n        background: #f9fdf9;\n        padding: 18px 25px;\n        border-bottom: 2px solid #27ae60;\n        font-family: 'Kanit', sans-serif;\n        font-size: 1.25em;\n        color: #2e7d32;\n        font-weight: bold;\n    }\n\n    .file-row {\n        display: flex;\n        align-items: center;\n        padding: 15px 25px;\n        border-bottom: 1px solid #f1f1f1;\n        transition: 0.2s;\n    }\n\n    .file-row:hover { background-color: #f9fdf9; }\n\n    .file-info { flex: 1; }\n    .file-title { color: #333; font-size: 1em; margin-bottom: 4px; }\n    .file-date { color: #888; font-size: 0.85em; }\n\n    .btn-open-file {\n        background: #757575;\n        color: white !important;\n        text-decoration: none;\n        padding: 6px 18px;\n        border-radius: 25px;\n        font-size: 0.85em;\n        transition: 0.3s;\n        white-space: nowrap;\n    }\n\n    .btn-open-file:hover {\n        background: #27ae60;\n        box-shadow: 0 4px 8px rgba(39, 174, 96, 0.3);\n    }\n\n    .loading-status { padding: 50px; text-align: center; color: #27ae60; }\n\n    @media (max-width: 850px) {\n        .smart-portal-wrapper { flex-direction: column; }\n        .smart-sidebar { flex: none; width: 100%; position: static; }\n    }\n<\/style>\n\n<div class=\"smart-portal-wrapper\">\n    <div class=\"smart-sidebar\" id=\"cpg-sidebar-menu\">\n        <div class=\"sidebar-head\">\ud83c\udff7\ufe0f \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/div>\n        <div class=\"loading-status\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2d\u0e48\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01 Drive&#8230;<\/div>\n    <\/div>\n\n    <div class=\"smart-main-content\">\n        <div id=\"cpg-display-area\">\n            <div class=\"main-content-header\">\u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e07\u0e32\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e (PCT)<\/div>\n            <div style=\"padding: 50px; text-align: center; color: #999;\">\n                \u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e08\u0e32\u0e01\u0e40\u0e21\u0e19\u0e39\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e0b\u0e49\u0e32\u0e22\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ URL Web App \u0e02\u0e2d\u0e07\u0e1e\u0e35\u0e48\u0e04\u0e23\u0e31\u0e1a\n    const DRIVE_API_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxNtjf02zXu2_gvGVPhhBHevCkH_H6fuh8aBnyyx2ixYyJABpTy9TLmH_QmxUZhmsD_\/exec';\n    \n    let allDriveFiles = [];\n\n    async function initArchiveSystem() {\n        try {\n            const res = await fetch(DRIVE_API_URL);\n            allDriveFiles = await res.json();\n            \n            \/\/ \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a Error \u0e08\u0e32\u0e01 Apps Script\n            if(allDriveFiles.error) {\n                document.getElementById('cpg-sidebar-menu').innerHTML = '<div style=\"padding:20px; color:red;\">Error: ' + allDriveFiles.error + '<\/div>';\n                return;\n            }\n\n            \/\/ \u0e01\u0e23\u0e2d\u0e07\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 (\u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e2d\u0e23\u0e4c)\n            const categories = [...new Set(allDriveFiles.map(f => f.category))].sort();\n            \n            renderSidebar(categories);\n            \n            \/\/ \u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e21\u0e27\u0e14\u0e41\u0e23\u0e01\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e42\u0e0a\u0e27\u0e4c\u0e40\u0e25\u0e22\n            if (categories.length > 0) {\n                showFiles(categories[0]);\n                setTimeout(() => {\n                    document.querySelector('.sidebar-menu-item').classList.add('active');\n                }, 100);\n            }\n            \n        } catch (err) {\n            document.getElementById('cpg-sidebar-menu').innerHTML = '<div style=\"padding:20px; color:red;\">\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49<\/div>';\n        }\n    }\n\n    function renderSidebar(cats) {\n        let h = '<div class=\"sidebar-head\">\ud83c\udff7\ufe0f \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/div>';\n        cats.forEach(c => {\n            h += `<div class=\"sidebar-menu-item\" onclick=\"handleMenuSelect(this, '${c}')\">\u203a ${c}<\/div>`;\n        });\n        document.getElementById('cpg-sidebar-menu').innerHTML = h;\n    }\n\n    function handleMenuSelect(el, cat) {\n        document.querySelectorAll('.sidebar-menu-item').forEach(i => i.classList.remove('active'));\n        el.classList.add('active');\n        showFiles(cat);\n    }\n\n function showFiles(cat) {\n    const files = allDriveFiles.filter(f => f.category === cat);\n    let h = `<div class=\"main-content-header\">\ud83d\udcc2 ${cat}<\/div><div class=\"file-table\">`;\n    \n    files.forEach(f => {\n        \/\/ \u0e16\u0e49\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e41\u0e08\u0e49\u0e07\u0e27\u0e48\u0e32 \"\u0e44\u0e21\u0e48\u0e21\u0e35\u0e44\u0e1f\u0e25\u0e4c\" \u0e43\u0e2b\u0e49\u0e0b\u0e48\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n        const btnHtml = (f.status === \"no_file\") \n            ? `<span style=\"color:#999; font-style:italic;\">\u0e23\u0e2d\u0e01\u0e32\u0e23\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15<\/span>` \n            : `<a href=\"${f.link}\" target=\"_blank\" class=\"btn-open-file\">\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e44\u0e1f\u0e25\u0e4c<\/a>`;\n\n        h += `\n            <div class=\"file-row\">\n                <div class=\"file-info\">\n                    <div class=\"file-title\" style=\"${f.status === 'no_file' ? 'color:#d32f2f;' : ''}\">${f.name}<\/div>\n                    <div class=\"file-date\">\ud83d\udcc5 \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e40\u0e21\u0e37\u0e48\u0e2d: ${f.date}<\/div>\n                <\/div>\n                ${btnHtml}\n            <\/div>`;\n    });\n    \n    h += '<\/div>';\n    document.getElementById('cpg-display-area').innerHTML = h;\n}\n\n    initArchiveSystem();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udff7\ufe0f \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e2d\u0e48\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01 Drive&#8230; \u0e04\u0e25\u0e31\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e07\u0e32\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e (PCT) \u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e08\u0e32\u0e01\u0e40\u0e21\u0e19\u0e39\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e0b\u0e49\u0e32\u0e22<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-builder.php","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"class_list":["post-979","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ampksn.moph.go.th\/hosSamChai\/index.php?rest_route=\/wp\/v2\/pages\/979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ampksn.moph.go.th\/hosSamChai\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ampksn.moph.go.th\/hosSamChai\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ampksn.moph.go.th\/hosSamChai\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ampksn.moph.go.th\/hosSamChai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=979"}],"version-history":[{"count":14,"href":"https:\/\/ampksn.moph.go.th\/hosSamChai\/index.php?rest_route=\/wp\/v2\/pages\/979\/revisions"}],"predecessor-version":[{"id":1030,"href":"https:\/\/ampksn.moph.go.th\/hosSamChai\/index.php?rest_route=\/wp\/v2\/pages\/979\/revisions\/1030"}],"wp:attachment":[{"href":"https:\/\/ampksn.moph.go.th\/hosSamChai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}