{"id":36861,"date":"2025-11-07T10:25:15","date_gmt":"2025-11-07T03:25:15","guid":{"rendered":"https:\/\/ubongeopark.org\/geopark\/?page_id=36861"},"modified":"2026-05-18T18:07:59","modified_gmt":"2026-05-18T11:07:59","slug":"research","status":"publish","type":"page","link":"https:\/\/ubongeopark.org\/geopark\/research\/","title":{"rendered":"\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Geopark Research Portal | \u0e04\u0e25\u0e31\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&family=Sarabun:wght@300;400;600;700&family=Playfair+Display:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --stone: #2C1A0E;\r\n --earth: #6B3F1F;\r\n --sand: #C8A97A;\r\n --clay: #A0522D;\r\n --moss: #3D5A2E;\r\n --river: #1B4F72;\r\n --sky: #AED6F1;\r\n --cream: #FDFBFA;\r\n --white: #FFFFFF;\r\n --shadow: rgba(44, 26, 14, 0.08);\r\n --primary-dark: #1a472a;\r\n --secondary-accent: #d4865e;\r\n --dark-text: #1a1a1a;\r\n --border-color: #e0d5cc;\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n body {\r\n margin: 0;\r\n background-color: var(--cream);\r\n color: var(--stone);\r\n font-family: 'Sarabun', 'Plus Jakarta Sans', sans-serif;\r\n background-image: radial-gradient(circle at 2px 2px, var(--sand) 1px, transparent 0);\r\n background-size: 40px 40px;\r\n padding-bottom: 100px;\r\n }\r\n\r\n \/* ===== NAVBAR STYLE ===== *\/\r\n nav.main-nav {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n z-index: 1000;\r\n box-shadow: 0 2px 20px rgba(0,0,0,0.08);\r\n border-bottom: none;\r\n padding: 0;\r\n }\r\n\r\n .nav-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 80px;\r\n }\r\n\r\n .logo {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--primary-dark);\r\n text-decoration: none;\r\n letter-spacing: -0.5px;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n }\r\n\r\n .logo-icon {\r\n font-size: 2rem;\r\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));\r\n }\r\n\r\n .nav-right-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 2rem;\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 2.5rem;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n text-decoration: none;\r\n color: var(--stone);\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n position: relative;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: var(--secondary-accent);\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .nav-links a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .lang-switch-btn {\r\n background: white;\r\n border: 2px solid var(--primary-dark);\r\n color: var(--primary-dark);\r\n padding: 0.4rem 0.8rem;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n font-size: 0.85rem;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n }\r\n\r\n .lang-switch-btn:hover {\r\n background: var(--primary-dark);\r\n color: white;\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* ===== SUB-HEADER BANNER ===== *\/\r\n header.sub-header {\r\n margin-top: 80px;\r\n background: linear-gradient(135deg, var(--stone) 0%, #4a2f1b 100%);\r\n color: white;\r\n padding: 4rem 2rem;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n header.sub-header::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.08) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n animation: movePattern 25s linear infinite;\r\n }\r\n\r\n header.sub-header > * {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .header-badge {\r\n display: inline-block;\r\n background: var(--clay);\r\n color: white;\r\n padding: 6px 16px;\r\n border-radius: 30px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .container { max-width: 1200px; margin: 40px auto; padding: 0 20px; }\r\n .bento { display: grid; grid-template-columns: 380px 1fr; gap: 24px; }\r\n\r\n .glass-card {\r\n background: var(--white);\r\n border-radius: 24px;\r\n padding: 32px;\r\n border: 1px solid rgba(200, 169, 122, 0.15);\r\n box-shadow: 0 10px 30px var(--shadow);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n h2 { font-size: 24px; font-weight: 700; margin-bottom: 24px; display: flex; align-items: center; gap: 12px; }\r\n label { display: block; font-size: 13px; font-weight: 600; color: var(--earth); margin-bottom: 8px; opacity: 0.9; }\r\n \r\n input, textarea {\r\n width: 100%; padding: 14px 18px; border-radius: 16px; border: 1px solid #EAE2D6;\r\n background: #F9F7F4; color: var(--stone); font-size: 15px; transition: 0.3s;\r\n margin-bottom: 20px;\r\n font-family: inherit;\r\n }\r\n input:focus { outline: none; border-color: var(--sand); background: var(--white); box-shadow: 0 0 0 4px rgba(200, 169, 122, 0.1); }\r\n\r\n .btn {\r\n padding: 14px 28px; border-radius: 16px; border: none; cursor: pointer;\r\n font-weight: 700; transition: 0.3s; font-size: 14px; display: flex; align-items: center; gap: 10px;\r\n font-family: inherit;\r\n }\r\n .btn-primary { background: var(--stone); color: var(--white); width: 100%; justify-content: center; }\r\n .btn-primary:hover { background: var(--earth); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(44, 26, 14, 0.2); }\r\n \r\n .btn-outline { background: transparent; border: 1.5px solid var(--sand); color: var(--earth); }\r\n .btn-outline:hover { background: var(--sand); color: var(--white); }\r\n\r\n .search-bar { position: relative; margin-bottom: 32px; }\r\n .search-bar input { margin-bottom: 0; padding-left: 50px; border-radius: 20px; background: var(--white); }\r\n \r\n .research-card {\r\n background: var(--white); border-radius: 20px; padding: 24px;\r\n margin-bottom: 20px; border: 1px solid rgba(200, 169, 122, 0.1);\r\n display: flex; justify-content: space-between; align-items: center;\r\n transition: 0.3s ease;\r\n }\r\n .research-card:hover { transform: scale(1.015); box-shadow: 0 15px 40px var(--shadow); border-color: var(--sand); }\r\n \r\n .card-info h3 { margin: 0 0 8px 0; font-size: 19px; color: var(--stone); font-weight: 700; }\r\n .card-meta { font-size: 14px; color: #8D7B6D; display: flex; gap: 15px; }\r\n \r\n .tag {\r\n background: rgba(200, 169, 122, 0.12); color: var(--earth);\r\n padding: 4px 14px; border-radius: 99px; font-size: 12px; font-weight: 600;\r\n display: inline-block;\r\n }\r\n\r\n .modal {\r\n position: fixed; inset: 0; background: rgba(44, 26, 14, 0.4);\r\n display: none; align-items: center; justify-content: center; z-index: 1000;\r\n backdrop-filter: blur(12px); padding: 20px;\r\n }\r\n .modal-content {\r\n background: var(--white); width: 100%; max-width: 800px; \r\n border-radius: 32px; padding: 40px; position: relative;\r\n box-shadow: 0 40px 100px rgba(0,0,0,0.2);\r\n }\r\n .modal-close { position: absolute; top: 25px; right: 25px; cursor: pointer; font-size: 24px; color: var(--sand); }\r\n\r\n footer {\r\n background: var(--stone);\r\n color: white;\r\n text-align: center;\r\n padding: 3rem 2rem;\r\n margin-top: 5rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .back-link {\r\n display: inline-block;\r\n margin-top: 1rem;\r\n padding: 0.75rem 1.5rem;\r\n background: var(--clay);\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .back-link:hover {\r\n background: #b85f34;\r\n transform: translateY(-2px);\r\n }\r\n\r\n @keyframes movePattern {\r\n 0% { transform: translate(0, 0); }\r\n 100% { transform: translate(50px, 50px); }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .nav-links { gap: 1.2rem; }\r\n .nav-right-container { gap: 1rem; }\r\n }\r\n @media (max-width: 890px) {\r\n .nav-links { gap: 0.8rem; }\r\n .nav-links a { font-size: 0.85rem; }\r\n }\r\n @media (max-width: 900px) { \r\n .bento { grid-template-columns: 1fr; } \r\n }\r\n @media (max-width: 768px) {\r\n .nav-links { display: none; }\r\n h1 { font-size: 2rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- NAVBAR -->\r\n <nav class=\"main-nav\">\r\n <div class=\"nav-container\">\r\n <a href=\"index.html\" class=\"logo\">\r\n <span class=\"logo-icon\">\ud83c\udf0d<\/span>\r\n <span data-translate=\"nav-title\">\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35<\/span>\r\n <\/a>\r\n <div class=\"nav-right-container\">\r\n <ul class=\"nav-links\">\r\n <li><a href=\"https:\/\/ubongeopark.org\/geopark\/\" data-translate=\"nav-home\">\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01<\/a><\/li>\r\n <\/ul>\r\n <button onclick=\"toggleLanguage()\" class=\"lang-switch-btn\" id=\"langBtn\">\r\n \ud83c\udf10 <span>EN<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- SUB-HEADER BANNER -->\r\n <header class=\"sub-header\">\r\n <div class=\"header-badge\" data-translate=\"header-badge\">\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/div>\r\n <h1 data-translate=\"header-title\">\ud83d\udcc2 \u0e04\u0e25\u0e31\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e17\u0e32\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/h1>\r\n <p class=\"subtitle\" data-translate=\"header-subtitle\">Geopark Academic & Research Database Portal<\/p>\r\n <\/header>\r\n\r\n <div class=\"container\">\r\n <div class=\"bento\">\r\n <!-- SIDEBAR FORM -->\r\n <aside>\r\n <div class=\"glass-card\">\r\n <h2><span style=\"font-size:1.5rem;\">\u270d\ufe0f<\/span> <span data-translate=\"form-heading\">\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22<\/span><\/h2>\r\n <form id=\"entryForm\">\r\n <label data-translate=\"label-title\">\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22<\/label>\r\n <input type=\"text\" id=\"title\" required placeholder=\"\u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c\u0e2b\u0e23\u0e37\u0e2d\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d...\" data-translate-placeholder=\"ph-title\">\r\n \r\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">\r\n <div>\r\n <label data-translate=\"label-authors\">\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e17\u0e33<\/label>\r\n <input type=\"text\" id=\"authors\" placeholder=\"\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\" data-translate-placeholder=\"ph-authors\">\r\n <\/div>\r\n <div>\r\n <label data-translate=\"label-date\">\u0e1b\u0e35\u0e17\u0e35\u0e48\u0e28\u0e36\u0e01\u0e29\u0e32<\/label>\r\n <input type=\"text\" id=\"date\" placeholder=\"\u0e40\u0e0a\u0e48\u0e19 2567\" data-translate-placeholder=\"ph-date\">\r\n <\/div>\r\n <\/div>\r\n\r\n <label data-translate=\"label-tags\">\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 (\u0e43\u0e0a\u0e49\u0e04\u0e2d\u0e21\u0e21\u0e48\u0e32\u0e04\u0e31\u0e48\u0e19)<\/label>\r\n <input type=\"text\" id=\"tags\" placeholder=\"\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32, \u0e01\u0e32\u0e23\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\" data-translate-placeholder=\"ph-tags\">\r\n\r\n <label data-translate=\"label-desc\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\/\u0e1a\u0e17\u0e2a\u0e23\u0e38\u0e1b<\/label>\r\n <textarea id=\"desc\" rows=\"4\" placeholder=\"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e42\u0e14\u0e22\u0e2a\u0e31\u0e07\u0e40\u0e02\u0e1b...\" data-translate-placeholder=\"ph-desc\"><\/textarea>\r\n\r\n <label data-translate=\"label-url\">URL \u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/label>\r\n <input type=\"text\" id=\"fileUrl\" placeholder=\"https:\/\/...\" data-translate-placeholder=\"ph-url\">\r\n\r\n <label data-translate=\"label-upload\">\u0e2d\u0e31\u0e1b\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c (PDF\/DOC)<\/label>\r\n <input type=\"file\" id=\"fileInput\" style=\"padding: 10px 0;\">\r\n\r\n <button type=\"submit\" class=\"btn btn-primary\" data-translate=\"btn-submit\" style=\"margin-top:10px;\">\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/aside>\r\n\r\n <!-- MAIN RESULTS LIST -->\r\n <main>\r\n <div class=\"search-bar\">\r\n <span style=\"position: absolute; left: 20px; top: 14px; opacity: 0.5;\">\ud83d\udd0d<\/span>\r\n <input type=\"text\" id=\"searchInput\" placeholder=\"\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e15\u0e32\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 \u0e1c\u0e39\u0e49\u0e40\u0e02\u0e35\u0e22\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e17\u0e47\u0e01...\" data-translate-placeholder=\"search-placeholder\">\r\n <\/div>\r\n\r\n <div id=\"list\"><\/div>\r\n <div id=\"empty\" style=\"text-align: center; padding: 100px 0; opacity: 0.3;\">\r\n <div style=\"font-size: 50px; margin-bottom: 20px;\">\ud83d\udcc2<\/div>\r\n <p data-translate=\"empty-text\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e43\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e02\u0e13\u0e30\u0e19\u0e35\u0e49<\/p>\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- VIEW DETAILS MODAL -->\r\n <div id=\"modal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-close\" onclick=\"closeModal()\">\u2715<\/div>\r\n <div class=\"tag\" id=\"mDateLabel\" style=\"margin-bottom: 16px; display: inline-block;\"><\/div>\r\n <h1 id=\"mTitle\" style=\"margin-top: 0; color: var(--stone); font-size: 32px; line-height: 1.2;\"><\/h1>\r\n \r\n <div style=\"display: flex; gap: 10px; margin: 20px 0; flex-wrap: wrap;\" id=\"mTags\"><\/div>\r\n \r\n <div style=\"background: #F9F7F4; border-radius: 20px; padding: 25px; margin: 30px 0;\">\r\n <label style=\"color: var(--clay); font-weight: 700;\" data-translate=\"modal-abstract-title\">\u0e1a\u0e17\u0e04\u0e31\u0e14\u0e22\u0e48\u0e2d \/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e04\u0e31\u0e0d<\/label>\r\n <p id=\"mDesc\" style=\"line-height: 1.8; color: var(--stone); margin: 10px 0 0 0;\"><\/p>\r\n <\/div>\r\n\r\n <div style=\"display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px;\">\r\n <div id=\"mFileControls\" style=\"display: flex; gap: 12px; flex-wrap: wrap;\"><\/div>\r\n <button class=\"btn\" style=\"color: #E74C3C; font-size: 13px; background: transparent; border: 1px solid #E74C3C; padding: 10px 20px;\" id=\"deleteItem\" data-translate=\"btn-delete\">\u0e25\u0e1a\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e19\u0e35\u0e49<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FOOTER -->\r\n <footer>\r\n <p data-translate=\"footer-text-1\">\ud83d\udccd \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35<\/p>\r\n <a href=\"index.html\" class=\"back-link\" data-translate=\"footer-back-link\">\u2190 \u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01<\/a>\r\n <p style=\"margin-top: 1.5rem; opacity: 0.7; font-size: 0.85rem;\" data-translate=\"footer-text-2\">\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32 \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 \u0e41\u0e25\u0e30\u0e20\u0e39\u0e21\u0e34\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/p>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ \u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19\u0e04\u0e37\u0e2d \"sab2242\"\r\n const _v = \"sab\" + \"2242\"; \r\n\r\n function checkPass() {\r\n const promptText = currentLang === 'th' ? \"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e15\u0e31\u0e27\u0e15\u0e19:\" : \"Identity Verification Required (Enter Password):\";\r\n const alertUnauthorized = currentLang === 'th' ? \"\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e35\u0e49!\" : \"Unauthorized Access!\";\r\n \r\n const pw = prompt(promptText);\r\n if (pw === _v) {\r\n return true;\r\n } else {\r\n if(pw !== null) alert(alertUnauthorized);\r\n return false;\r\n }\r\n }\r\n\r\n const STORAGE_KEY = 'geopark_modern_final';\r\n \r\n \/\/ Default mock data\r\n const defaultMockData = [\r\n {\r\n id: \"mock1\",\r\n title: \"\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e17\u0e32\u0e07\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e2a\u0e32\u0e21\u0e1e\u0e31\u0e19\u0e42\u0e1a\u0e01 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\",\r\n authors: \"\u0e14\u0e23.\u0e2a\u0e21\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e23\u0e31\u0e01\u0e0a\u0e32\u0e15\u0e34\",\r\n date: \"2567\",\r\n tags: [\"\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32\", \"\u0e2a\u0e32\u0e21\u0e1e\u0e31\u0e19\u0e42\u0e1a\u0e01\", \"\u0e01\u0e32\u0e23\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\"],\r\n desc: \"\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e19\u0e35\u0e49\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\u0e40\u0e0a\u0e34\u0e07\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e17\u0e32\u0e07\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32\u0e02\u0e2d\u0e07\u0e2b\u0e25\u0e38\u0e21\u0e01\u0e38\u0e21\u0e20\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c (Potholes) \u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e2a\u0e32\u0e21\u0e1e\u0e31\u0e19\u0e42\u0e1a\u0e01 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\",\r\n file: null,\r\n fileUrl: \"https:\/\/ubongeopark.org\"\r\n },\r\n {\r\n id: \"mock2\",\r\n title: \"Geological Mapping and Stratigraphy of Pha Taem National Park Cliff Formations\",\r\n authors: \"Prof. Dr. Arthur Miller, Dr. Kanya S.\",\r\n date: \"2025\",\r\n tags: [\"Geology\", \"Pha Taem\", \"Stratigraphy\"],\r\n desc: \"This academic research paper provides detailed stratigraphical correlation and chemical weathering analysis of the Phu Phan and Sao Chaliang sandstone formations at Pha Taem National Park.\",\r\n file: null,\r\n fileUrl: \"https:\/\/ubongeopark.org\"\r\n }\r\n ];\r\n\r\n let entries = JSON.parse(localStorage.getItem(STORAGE_KEY));\r\n if (!entries || entries.length === 0) {\r\n entries = defaultMockData;\r\n localStorage.setItem(STORAGE_KEY, JSON.stringify(entries));\r\n }\r\n\r\n \/\/ ===== DICTIONARY TRANSLATIONS SYSTEM (FIXED KEYS) =====\r\n const translations = {\r\n th: {\r\n \"nav-title\": \"\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\",\r\n \"nav-home\": \"\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01\",\r\n \"header-badge\": \"\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e37\u0e1a\u0e04\u0e49\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\",\r\n \"header-title\": \"\ud83d\udcc2 \u0e04\u0e25\u0e31\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e17\u0e32\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\",\r\n \"header-subtitle\": \"Geopark Academic & Research Database Portal\",\r\n \"form-heading\": \"\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\",\r\n \"label-title\": \"\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\",\r\n \"label-authors\": \"\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e17\u0e33\",\r\n \"label-date\": \"\u0e1b\u0e35\u0e17\u0e35\u0e48\u0e28\u0e36\u0e01\u0e29\u0e32\",\r\n \"label-tags\": \"\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 (\u0e43\u0e0a\u0e49\u0e04\u0e2d\u0e21\u0e21\u0e48\u0e32\u0e04\u0e31\u0e48\u0e19)\",\r\n \"label-desc\": \"\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\/\u0e1a\u0e17\u0e2a\u0e23\u0e38\u0e1b\",\r\n \"label-url\": \"URL \u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\",\r\n \"label-upload\": \"\u0e2d\u0e31\u0e1b\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c (PDF\/DOC)\",\r\n \"ph-title\": \"\u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c\u0e2b\u0e23\u0e37\u0e2d\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d...\",\r\n \"ph-authors\": \"\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\",\r\n \"ph-date\": \"\u0e40\u0e0a\u0e48\u0e19 2567\",\r\n \"ph-tags\": \"\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32, \u0e01\u0e32\u0e23\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\",\r\n \"ph-desc\": \"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e42\u0e14\u0e22\u0e2a\u0e31\u0e07\u0e40\u0e02\u0e1b...\",\r\n \"ph-url\": \"https:\/\/...\",\r\n \"btn-submit\": \"\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\",\r\n \"search-placeholder\": \"\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e15\u0e32\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 \u0e1c\u0e39\u0e49\u0e40\u0e02\u0e35\u0e22\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e17\u0e47\u0e01...\",\r\n \"empty-text\": \"\u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e43\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e02\u0e13\u0e30\u0e19\u0e35\u0e49\",\r\n \"modal-abstract-title\": \"\u0e1a\u0e17\u0e04\u0e31\u0e14\u0e22\u0e48\u0e2d \/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e04\u0e31\u0e0d\",\r\n \"btn-delete\": \"\u0e25\u0e1a\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e19\u0e35\u0e49\",\r\n \"footer-text-1\": \"\ud83d\udccd \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35\",\r\n \"footer-back-link\": \"\u2190 \u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01\",\r\n \"footer-text-2\": \"\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e18\u0e23\u0e13\u0e35\u0e27\u0e34\u0e17\u0e22\u0e32 \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 \u0e41\u0e25\u0e30\u0e20\u0e39\u0e21\u0e34\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\"\r\n },\r\n en: {\r\n \"nav-title\": \"Geopark\",\r\n \"nav-home\": \"Home\",\r\n \"header-badge\": \"Research Retrieval & Archiving System\",\r\n \"header-title\": \"\ud83d\udcc2 Academic & Geopark Research Database\",\r\n \"header-subtitle\": \"Explore and archive geological, cultural, and environmental papers\",\r\n \"form-heading\": \"Archive Paper\",\r\n \"label-title\": \"Research Title\",\r\n \"label-authors\": \"Author(s)\",\r\n \"label-date\": \"Year Published\",\r\n \"label-tags\": \"Categories (Separated by ,)\",\r\n \"label-desc\": \"Abstract \/ Key Summary\",\r\n \"label-url\": \"Reference URL Link\",\r\n \"label-upload\": \"Upload File Attachment (PDF\/DOC)\",\r\n \"ph-title\": \"Enter research title or project name...\",\r\n \"ph-authors\": \"Author names...\",\r\n \"ph-date\": \"e.g., 2026 or 2567\",\r\n \"ph-tags\": \"Geology, Ecotourism\",\r\n \"ph-desc\": \"Summary of research outcomes...\",\r\n \"ph-url\": \"https:\/\/...\",\r\n \"btn-submit\": \"Save Academic Entry\",\r\n \"search-placeholder\": \"Type title, author name, or keyword tags to search...\",\r\n \"empty-text\": \"No research articles match your query in the database.\",\r\n \"modal-abstract-title\": \"Abstract \/ Document Overview\",\r\n \"btn-delete\": \"Delete This Record\",\r\n \"footer-text-1\": \"\ud83d\udccd Academic Information and Research Archiving System, Ubon Ratchathani Geopark\",\r\n \"footer-back-link\": \"\u2190 Back to Main Homepage\",\r\n \"footer-text-2\": \"Developed to promote knowledge-sharing in geological heritage, eco-tourism, and sustainable conservation.\"\r\n }\r\n };\r\n\r\n let currentLang = 'th';\r\n\r\n function save() { \r\n localStorage.setItem(STORAGE_KEY, JSON.stringify(entries)); \r\n render(); \r\n }\r\n\r\n function render() {\r\n const list = document.getElementById('list');\r\n const q = document.getElementById('searchInput').value.toLowerCase();\r\n list.innerHTML = '';\r\n \r\n let filtered = entries.filter(e => \r\n (e.title + e.authors + (e.tags||[]).join('')).toLowerCase().includes(q)\r\n );\r\n \r\n document.getElementById('empty').style.display = filtered.length ? 'none' : 'block';\r\n\r\n filtered.forEach(e => {\r\n const div = document.createElement('div');\r\n div.className = 'research-card';\r\n \r\n const viewBtnText = currentLang === 'th' ? '\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14' : 'View Details';\r\n const unknownAuthorText = currentLang === 'th' ? '\u0e44\u0e21\u0e48\u0e23\u0e30\u0e1a\u0e38\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e17\u0e33' : 'Unknown Author';\r\n\r\n div.innerHTML = `\r\n <div class=\"card-info\">\r\n <h3>${e.title}<\/h3>\r\n <div class=\"card-meta\">\r\n <span>\ud83d\udc64 ${e.authors || unknownAuthorText}<\/span>\r\n <span>\ud83d\udcc5 ${e.date || '-'}<\/span>\r\n <\/div>\r\n <div style=\"margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px;\">\r\n ${(e.tags||[]).map(t => `<span class=\"tag\">${t}<\/span>`).join('')}\r\n <\/div>\r\n <\/div>\r\n <button class=\"btn btn-outline\" style=\"min-width: 140px; justify-content: center;\" onclick=\"openModal('${e.id}')\">${viewBtnText}<\/button>\r\n `;\r\n list.appendChild(div);\r\n });\r\n }\r\n\r\n let pendingFile = null;\r\n document.getElementById('fileInput').onchange = async e => {\r\n const f = e.target.files[0]; if(!f) return;\r\n \r\n \/\/ \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e44\u0e1f\u0e25\u0e4c\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b (\u0e08\u0e33\u0e01\u0e31\u0e14\u0e44\u0e27\u0e49\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 5MB \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e20\u0e32\u0e22\u0e43\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c)\r\n if (f.size > 5 * 1024 * 1024) {\r\n alert(currentLang === 'th' ? \"\u0e44\u0e1f\u0e25\u0e4c\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b (\u0e44\u0e21\u0e48\u0e04\u0e27\u0e23\u0e40\u0e01\u0e34\u0e19 5MB) \u0e41\u0e19\u0e30\u0e19\u0e33\u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49\u0e0a\u0e48\u0e2d\u0e07\u0e43\u0e2a\u0e48 URL \u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e41\u0e17\u0e19\" : \"File size too large (Max 5MB). Please use Reference URL instead.\");\r\n e.target.value = '';\r\n return;\r\n }\r\n\r\n const data = await new Promise(res => {\r\n const r = new FileReader(); r.onload = () => res(r.result); r.readAsDataURL(f);\r\n });\r\n pendingFile = { name: f.name, dataURL: data };\r\n };\r\n\r\n document.getElementById('entryForm').onsubmit = e => {\r\n e.preventDefault();\r\n if (!checkPass()) return;\r\n \r\n const successMsg = currentLang === 'th' ? \"\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27!\" : \"Entry successfully recorded!\";\r\n\r\n const obj = {\r\n id: Math.random().toString(36).substr(2, 9),\r\n title: document.getElementById('title').value.trim(),\r\n authors: document.getElementById('authors').value.trim(),\r\n date: document.getElementById('date').value.trim(),\r\n tags: document.getElementById('tags').value.split(',').map(t => t.trim()).filter(Boolean),\r\n desc: document.getElementById('desc').value.trim(),\r\n file: pendingFile,\r\n fileUrl: document.getElementById('fileUrl').value.trim()\r\n };\r\n \r\n entries.unshift(obj); \r\n save();\r\n e.target.reset(); \r\n pendingFile = null;\r\n alert(successMsg);\r\n };\r\n\r\n function openModal(id) {\r\n const e = entries.find(x => x.id === id); if(!e) return;\r\n document.getElementById('mTitle').textContent = e.title;\r\n \r\n const publishedText = currentLang === 'th' ? \"\u0e1b\u0e35\u0e17\u0e35\u0e48\u0e15\u0e35\u0e1e\u0e34\u0e21\u0e1e\u0e4c: \" : \"Published: \";\r\n const noDescText = currentLang === 'th' ? \"\u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e1a\u0e17\u0e2a\u0e23\u0e38\u0e1b\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e09\u0e1a\u0e31\u0e1a\u0e19\u0e35\u0e49\" : \"No summary available for this paper.\";\r\n const openLinkBtnText = currentLang === 'th' ? \"\ud83c\udf10 \u0e40\u0e1b\u0e34\u0e14\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\" : \"\ud83c\udf10 Open Reference Link\";\r\n const dlBtnText = currentLang === 'th' ? \"\ud83d\udce5 \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c\" : \"\ud83d\udce5 Download Document\";\r\n\r\n document.getElementById('mDateLabel').textContent = publishedText + (e.date || '-');\r\n document.getElementById('mDesc').textContent = e.desc || noDescText;\r\n document.getElementById('mTags').innerHTML = (e.tags || []).map(t => `<span class=\"tag\">${t}<\/span>`).join('');\r\n \r\n const fArea = document.getElementById('mFileControls'); fArea.innerHTML = '';\r\n if(e.fileUrl) fArea.innerHTML += `<a href=\"${e.fileUrl}\" target=\"_blank\" class=\"btn btn-outline\" style=\"font-size:13px;\">${openLinkBtnText}<\/a>`;\r\n if(e.file) fArea.innerHTML += `<a href=\"${e.file.dataURL}\" download=\"${e.file.name}\" class=\"btn btn-primary\" style=\"width:auto; font-size:13px; display:inline-flex;\">${dlBtnText}<\/a>`;\r\n \r\n document.getElementById('deleteItem').onclick = () => {\r\n if (checkPass()) { \r\n entries = entries.filter(x => x.id !== id); \r\n save(); \r\n closeModal(); \r\n }\r\n };\r\n document.getElementById('modal').style.display = 'flex';\r\n }\r\n\r\n function closeModal() { document.getElementById('modal').style.display = 'none'; }\r\n\r\n function toggleLanguage() {\r\n currentLang = currentLang === 'th' ? 'en' : 'th';\r\n \r\n const btn = document.getElementById('langBtn');\r\n btn.innerHTML = currentLang === 'th' ? '\ud83c\udf10 <span>EN<\/span>' : '\ud83c\udf10 <span>TH<\/span>';\r\n \r\n document.querySelectorAll('[data-translate]').forEach(el => {\r\n const key = el.getAttribute('data-translate');\r\n if (translations[currentLang] && translations[currentLang][key]) {\r\n el.innerHTML = translations[currentLang][key];\r\n }\r\n });\r\n\r\n document.querySelectorAll('[data-translate-placeholder]').forEach(el => {\r\n const key = el.getAttribute('data-translate-placeholder');\r\n if (translations[currentLang] && translations[currentLang][key]) {\r\n el.placeholder = translations[currentLang][key];\r\n }\r\n });\r\n\r\n render();\r\n document.documentElement.lang = currentLang;\r\n }\r\n\r\n document.getElementById('searchInput').oninput = render;\r\n render();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Geopark Research Portal | \u0e04\u0e25\u0e31\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e2d\u0e38\u0e17\u0e22\u0e32\u0e19\u0e18\u0e23\u0e13\u0e35 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-36861","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages\/36861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/comments?post=36861"}],"version-history":[{"count":21,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages\/36861\/revisions"}],"predecessor-version":[{"id":37203,"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/pages\/36861\/revisions\/37203"}],"wp:attachment":[{"href":"https:\/\/ubongeopark.org\/geopark\/wp-json\/wp\/v2\/media?parent=36861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}