{"id":35,"date":"2026-03-22T08:51:36","date_gmt":"2026-03-22T08:51:36","guid":{"rendered":"https:\/\/www.enlighten-tech.co.th\/?page_id=35"},"modified":"2026-05-09T11:19:29","modified_gmt":"2026-05-09T11:19:29","slug":"products","status":"publish","type":"page","link":"https:\/\/enlighten-tech.co.th\/en\/products\/","title":{"rendered":"Products"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea65dba e-flex e-con-boxed e-con e-parent\" data-id=\"ea65dba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d948def e-con-full e-flex e-con e-child\" data-id=\"d948def\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac9226c elementor-widget elementor-widget-heading\" data-id=\"ac9226c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Product<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e186415 elementor-widget elementor-widget-heading\" data-id=\"e186415\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Performance &amp; Profit<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c6334 elementor-widget elementor-widget-text-editor\" data-id=\"c6c6334\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Maximize output and minimize waste with data-driven precision.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1665141 elementor-widget elementor-widget-text-editor\" data-id=\"1665141\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Every minute of downtime is a missed opportunity. Our Smart Factory solution ensures your production line never misses a beat. By analyzing real-time performance and optimizing energy costs, we help you produce more with less. It&#8217;s not just about running a factory\u2014it&#8217;s about running a highly profitable manufacturing engine.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ddab5e e-con-full e-flex e-con e-child\" data-id=\"2ddab5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3f5863a e-con-full e-flex e-con e-child\" data-id=\"3f5863a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c603e0 elementor-widget elementor-widget-button\" data-id=\"0c603e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore Solutions  <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a52e48 e-con-full e-flex e-con e-child\" data-id=\"8a52e48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b168f elementor-widget elementor-widget-button\" data-id=\"f6b168f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-9c52143 e-flex e-con-boxed e-con e-parent\" data-id=\"9c52143\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1370135 elementor-widget elementor-widget-html\" data-id=\"1370135\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Product Search<\/title>\r\n  <style>\r\n    * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    body {\r\n      font-family: 'Segoe UI', Arial, sans-serif;\r\n      background: #eef4fb;\r\n      min-height: 100vh;\r\n      padding: 40px 40px;\r\n      color: #333;\r\n    }\r\n\r\n    .page-header {\r\n      text-align: center;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .page-header h1 {\r\n      font-size: 28px;\r\n      font-weight: 600;\r\n      color: #1a1a2e;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .page-header p {\r\n      font-size: 14px;\r\n      color: #666;\r\n    }\r\n\r\n    .search-bar-wrapper {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .search-bar {\r\n      display: flex;\r\n      width: 560px;\r\n      border-radius: 4px;\r\n      overflow: hidden;\r\n      box-shadow: 0 1px 4px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .search-bar input {\r\n      flex: 1;\r\n      padding: 10px 16px;\r\n      border: 1px solid #ccc;\r\n      border-right: none;\r\n      font-size: 14px;\r\n      outline: none;\r\n      background: #fff;\r\n    }\r\n\r\n    .search-bar input::placeholder { color: #aaa; }\r\n\r\n    .search-bar button {\r\n      background: #1a73e8;\r\n      border: none;\r\n      padding: 10px 18px;\r\n      cursor: pointer;\r\n      color: #fff;\r\n      font-size: 16px;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    .search-bar button:hover { background: #1558c0; }\r\n\r\n    .layout {\r\n      display: flex;\r\n      width: 100%;\r\n      gap: 24px;\r\n    }\r\n\r\n    \/* Sidebar *\/\r\n    .sidebar {\r\n      width: 240px;\r\n      flex-shrink: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n    }\r\n\r\n    .filter-box {\r\n      background: #fff;\r\n      border-radius: 6px;\r\n      padding: 16px;\r\n      box-shadow: 0 1px 3px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    .filter-box .filter-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .filter-box .filter-header h3 {\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      color: #1a1a2e;\r\n    }\r\n\r\n    .filter-box .filter-header .toggle-icon {\r\n      font-size: 16px;\r\n      color: #555;\r\n      cursor: pointer;\r\n      user-select: none;\r\n    }\r\n\r\n    .filter-search {\r\n      width: 100%;\r\n      padding: 6px 10px;\r\n      border: 1px solid #ddd;\r\n      border-radius: 4px;\r\n      font-size: 13px;\r\n      margin-bottom: 10px;\r\n      outline: none;\r\n    }\r\n\r\n    .filter-search::placeholder { color: #bbb; }\r\n\r\n    .filter-list {\r\n      list-style: none;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n    }\r\n\r\n    .filter-list li {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      font-size: 13px;\r\n      color: #444;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .filter-list li input[type=\"checkbox\"] {\r\n      width: 15px;\r\n      height: 15px;\r\n      accent-color: #1a73e8;\r\n      cursor: pointer;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .show-more {\r\n      margin-top: 10px;\r\n      font-size: 13px;\r\n      color: #1a73e8;\r\n      cursor: pointer;\r\n      display: inline-block;\r\n    }\r\n\r\n    .show-more:hover { text-decoration: underline; }\r\n\r\n    \/* Results *\/\r\n    .results {\r\n      flex: 1;\r\n      min-width: 0;\r\n    }\r\n\r\n    .results-meta {\r\n      font-size: 13px;\r\n      color: #555;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .results-section-title {\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      color: #555;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .product-card {\r\n      background: #fff;\r\n      border-radius: 6px;\r\n      padding: 20px 24px;\r\n      margin-bottom: 0;\r\n      box-shadow: 0 1px 3px rgba(0,0,0,0.07);\r\n    }\r\n\r\n    .product-card h2 {\r\n      font-size: 17px;\r\n      font-weight: 600;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .product-card h2 a {\r\n      color: #1a73e8;\r\n      text-decoration: none;\r\n    }\r\n\r\n    .product-card h2 a:hover { text-decoration: underline; }\r\n\r\n    .product-card p {\r\n      font-size: 13px;\r\n      color: #555;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .divider {\r\n      border: none;\r\n      border-top: 1px solid #e8e8e8;\r\n      margin: 0;\r\n    }\r\n\r\n    .type-badge {\r\n      display: inline-block;\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      padding: 2px 8px;\r\n      border-radius: 20px;\r\n      margin-bottom: 6px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n    }\r\n    .type-badge.post { background: #e8f0fe; color: #1a73e8; }\r\n    .type-badge.page { background: #e6f4ea; color: #188038; }\r\n\r\n    .loading-state {\r\n      padding: 24px;\r\n      color: #888;\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* Pagination *\/\r\n    .pagination {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      margin-top: 24px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .pagination button {\r\n      min-width: 36px;\r\n      height: 36px;\r\n      padding: 0 10px;\r\n      border: 1px solid #d0d7de;\r\n      background: #fff;\r\n      border-radius: 4px;\r\n      font-size: 13px;\r\n      cursor: pointer;\r\n      color: #333;\r\n      transition: background 0.15s, color 0.15s;\r\n    }\r\n\r\n    .pagination button:hover:not(:disabled) {\r\n      background: #e8f0fe;\r\n      border-color: #1a73e8;\r\n      color: #1a73e8;\r\n    }\r\n\r\n    .pagination button.active {\r\n      background: #1a73e8;\r\n      border-color: #1a73e8;\r\n      color: #fff;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .pagination button:disabled {\r\n      opacity: 0.4;\r\n      cursor: default;\r\n    }\r\n\r\n    .pagination .ellipsis {\r\n      font-size: 14px;\r\n      color: #888;\r\n      padding: 0 4px;\r\n      line-height: 36px;\r\n    }\r\n\r\n    \/* \u2500\u2500 Mobile Filter Toggle Button \u2500\u2500 *\/\r\n    .filter-toggle-btn {\r\n      display: none;\r\n      width: 100%;\r\n      padding: 10px 16px;\r\n      background: #1a73e8;\r\n      color: #fff;\r\n      border: none;\r\n      border-radius: 6px;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      margin-bottom: 16px;\r\n      text-align: left;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n\r\n    \/* \u2500\u2500 Mobile Responsive \u2500\u2500 *\/\r\n    @media (max-width: 768px) {\r\n      body { padding: 20px 16px; }\r\n\r\n      .page-header h1 { font-size: 22px; }\r\n      .page-header p  { font-size: 13px; }\r\n\r\n      .search-bar {\r\n        width: 100%;\r\n      }\r\n\r\n      .layout {\r\n        flex-direction: column;\r\n        gap: 0;\r\n      }\r\n\r\n      \/* Filter toggle button *\/\r\n      .filter-toggle-btn {\r\n        display: flex;\r\n      }\r\n\r\n      \/* Sidebar hidden by default on mobile *\/\r\n      .sidebar {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        max-height: 0;\r\n        transition: max-height 0.3s ease;\r\n        gap: 12px;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .sidebar.open {\r\n        max-height: 2000px;\r\n        margin-bottom: 16px;\r\n      }\r\n\r\n      \/* Filter boxes side by side on tablet *\/\r\n      .filter-box { padding: 12px 14px; }\r\n      .filter-box .filter-header { margin-bottom: 10px; }\r\n\r\n      .results-meta { font-size: 12px; }\r\n      .product-card { padding: 16px; }\r\n      .product-card h2 { font-size: 15px; }\r\n\r\n      .pagination { gap: 4px; }\r\n      .pagination button {\r\n        min-width: 32px;\r\n        height: 32px;\r\n        font-size: 12px;\r\n        padding: 0 8px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      body { padding: 16px 12px; }\r\n      .page-header { margin-bottom: 16px; }\r\n      .page-header h1 { font-size: 20px; }\r\n      .search-bar-wrapper { margin-bottom: 16px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"page-header\">\r\n    <h1>Product Search<\/h1>\r\n    <p>Discover our product innovations helping shape the future of your industry \u2013 and of the world.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"search-bar-wrapper\">\r\n    <div class=\"search-bar\">\r\n      <input type=\"text\" placeholder=\"Search...\" id=\"searchInput\" \/>\r\n      <button onclick=\"applyFilters()\">&#128269;<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"layout\">\r\n\r\n    <!-- Mobile filter toggle -->\r\n    <button class=\"filter-toggle-btn\" id=\"filterToggleBtn\" onclick=\"toggleFilters()\">\r\n      <span>\ud83d\udd3d Filters<\/span><span id=\"activeFilterCount\"><\/span>\r\n    <\/button>\r\n\r\n    <!-- Sidebar Filters -->\r\n    <aside class=\"sidebar\" id=\"sidebar\">\r\n\r\n      <!-- Product Filter -->\r\n      <div class=\"filter-box\">\r\n        <div class=\"filter-header\">\r\n          <h3>Product<\/h3>\r\n          <span class=\"toggle-icon\">&#8963;<\/span>\r\n        <\/div>\r\n        <input class=\"filter-search\" type=\"text\" placeholder=\"Search\" oninput=\"filterSidebarList(this, 'product-list')\" \/>\r\n        <ul class=\"filter-list\" id=\"product-list\">\r\n          <li><input type=\"checkbox\" data-filter=\"product\" data-keywords=\"intouch hmi,intouchhmi\" \/> AVEVA\u2122 InTouch HMI<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"product\" data-keywords=\"stratus,ztc edge\" \/> Stratus ztC Edge\u00ae<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"product\" data-keywords=\"braincube\" \/> Braincube<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"product\" data-keywords=\"planettogether,planet together\" \/> PlanetTogether<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"product\" data-keywords=\"asop.ai,asop\" \/> ASOP.ai<\/li>\r\n        <\/ul>\r\n        <span class=\"show-more\">+ Show more<\/span>\r\n      <\/div>\r\n\r\n      <!-- Partners Filter -->\r\n      <div class=\"filter-box\">\r\n        <div class=\"filter-header\">\r\n          <h3>Partners<\/h3>\r\n          <span class=\"toggle-icon\">&#8963;<\/span>\r\n        <\/div>\r\n        <input class=\"filter-search\" type=\"text\" placeholder=\"Search\" oninput=\"filterSidebarList(this, 'partners-list')\" \/>\r\n        <ul class=\"filter-list\" id=\"partners-list\">\r\n          <li><input type=\"checkbox\" data-filter=\"partner\" data-keywords=\"aveva\" \/> AVEVA<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"partner\" data-keywords=\"penguin solutions,penguin\" \/> Penguin Solutions<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"partner\" data-keywords=\"braincube\" \/> Braincube<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"partner\" data-keywords=\"planettogether,planet together\" \/> PlanetTogether<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"partner\" data-keywords=\"emery solutions,emery\" \/> Emery Solutions<\/li>\r\n        <\/ul>\r\n        <span class=\"show-more\">+ Show more<\/span>\r\n      <\/div>\r\n\r\n      <!-- Solutions Filter -->\r\n      <div class=\"filter-box\">\r\n        <div class=\"filter-header\">\r\n          <h3>Solutions<\/h3>\r\n          <span class=\"toggle-icon\">&#8963;<\/span>\r\n        <\/div>\r\n        <input class=\"filter-search\" type=\"text\" placeholder=\"Search\" oninput=\"filterSidebarList(this, 'solutions-list')\" \/>\r\n        <ul class=\"filter-list\" id=\"solutions-list\">\r\n          <li><input type=\"checkbox\" data-filter=\"solution\" data-keywords=\"operation control\" \/> Operation Controls<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"solution\" data-keywords=\"predictive maintenance\" \/> Predictive Maintenance<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"solution\" data-keywords=\"industrial ai\" \/> Industrial AI<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"solution\" data-keywords=\"production optimization\" \/> Production Optimization<\/li>\r\n          <li><input type=\"checkbox\" data-filter=\"solution\" data-keywords=\"energy,\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\" \/> Energy optimization<\/li>\r\n        <\/ul>\r\n        <span class=\"show-more\">+ Show more<\/span>\r\n      <\/div>\r\n\r\n    <\/aside>\r\n\r\n    <!-- Search Results -->\r\n    <main class=\"results\">\r\n      <p class=\"results-meta\">Loading...<\/p>\r\n      <p class=\"results-section-title\">Content<\/p>\r\n      <div id=\"results-container\">\r\n        <div class=\"loading-state\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...<\/div>\r\n      <\/div>\r\n      <div class=\"pagination\" id=\"pagination\"><\/div>\r\n    <\/main>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    const WP_BASE = 'https:\/\/www.enlighten-tech.co.th\/wp-json\/wp\/v2';\r\n    const PER_PAGE = 10;\r\n    let allItems = [];\r\n    let filteredItems = [];\r\n    let currentPage = 1;\r\n\r\n    function toggleFilters() {\r\n      const sidebar = document.getElementById('sidebar');\r\n      const btn = document.getElementById('filterToggleBtn');\r\n      const isOpen = sidebar.classList.toggle('open');\r\n      btn.querySelector('span').textContent = isOpen ? '\ud83d\udd3c Filters' : '\ud83d\udd3d Filters';\r\n    }\r\n\r\n    function updateFilterCount() {\r\n      const count = document.querySelectorAll('input[type=\"checkbox\"][data-filter]:checked').length;\r\n      const el = document.getElementById('activeFilterCount');\r\n      el.textContent = count > 0 ? `(${count} active)` : '';\r\n    }\r\n\r\n    async function fetchAll() {\r\n      const [posts, pages, categories] = await Promise.all([\r\n        fetch(`${WP_BASE}\/posts?per_page=100&_fields=id,title,excerpt,link,categories`).then(r => r.json()),\r\n        fetch(`${WP_BASE}\/pages?per_page=100&_fields=id,title,excerpt,link`).then(r => r.json()),\r\n        fetch(`${WP_BASE}\/categories?per_page=100&_fields=id,name`).then(r => r.json()),\r\n      ]);\r\n\r\n      const catMap = {};\r\n      categories.forEach(c => { catMap[c.id] = c.name; });\r\n\r\n      const taggedPosts = posts.map(p => ({\r\n        ...p, type: 'post',\r\n        categoryNames: (p.categories || []).map(id => catMap[id]).filter(Boolean),\r\n      }));\r\n      const taggedPages = pages.map(p => ({ ...p, type: 'page', categoryNames: [] }));\r\n\r\n      allItems = [...taggedPosts, ...taggedPages];\r\n      filteredItems = allItems;\r\n      currentPage = 1;\r\n      render();\r\n    }\r\n\r\n    function stripHtml(html) {\r\n      const tmp = document.createElement('div');\r\n      tmp.innerHTML = html;\r\n      return tmp.textContent || tmp.innerText || '';\r\n    }\r\n\r\n    function render() {\r\n      const total = filteredItems.length;\r\n      const totalPages = Math.ceil(total \/ PER_PAGE);\r\n      const start = (currentPage - 1) * PER_PAGE;\r\n      const pageItems = filteredItems.slice(start, start + PER_PAGE);\r\n      const end = start + pageItems.length;\r\n\r\n      const container = document.getElementById('results-container');\r\n\r\n      if (total === 0) {\r\n        container.innerHTML = '<p style=\"color:#888;font-size:14px;padding:20px 0;\">\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32<\/p>';\r\n        document.querySelector('.results-meta').innerHTML = 'Results <strong>0<\/strong> of 0';\r\n        document.getElementById('pagination').innerHTML = '';\r\n        return;\r\n      }\r\n\r\n      document.querySelector('.results-meta').innerHTML =\r\n        `Results <strong>${start + 1}\u2013${end}<\/strong> of ${total}`;\r\n\r\n      container.innerHTML = pageItems.map((item, i) => `\r\n        <div class=\"product-card\">\r\n          <span class=\"type-badge ${item.type}\">${item.type === 'post' ? 'Post' : 'Page'}<\/span>\r\n          <h2><a href=\"${item.link}\" target=\"_blank\">${item.title.rendered}<\/a><\/h2>\r\n          <p>${stripHtml(item.excerpt.rendered).trim().slice(0, 200)}${stripHtml(item.excerpt.rendered).trim().length > 200 ? '...' : ''}<\/p>\r\n        <\/div>\r\n        ${i < pageItems.length - 1 ? '<hr class=\"divider\" \/>' : ''}\r\n      `).join('');\r\n\r\n      renderPagination(totalPages);\r\n    }\r\n\r\n    function renderPagination(totalPages) {\r\n      const el = document.getElementById('pagination');\r\n      if (totalPages <= 1) { el.innerHTML = ''; return; }\r\n\r\n      const pages = getPaginationRange(currentPage, totalPages);\r\n      let html = '';\r\n\r\n      html += `<button onclick=\"goToPage(${currentPage - 1})\" ${currentPage === 1 ? 'disabled' : ''}>&lsaquo; Prev<\/button>`;\r\n\r\n      pages.forEach(p => {\r\n        if (p === '...') {\r\n          html += `<span class=\"ellipsis\">\u2026<\/span>`;\r\n        } else {\r\n          html += `<button class=\"${p === currentPage ? 'active' : ''}\" onclick=\"goToPage(${p})\">${p}<\/button>`;\r\n        }\r\n      });\r\n\r\n      html += `<button onclick=\"goToPage(${currentPage + 1})\" ${currentPage === totalPages ? 'disabled' : ''}>Next &rsaquo;<\/button>`;\r\n      el.innerHTML = html;\r\n    }\r\n\r\n    function getPaginationRange(current, total) {\r\n      if (total <= 7) return Array.from({ length: total }, (_, i) => i + 1);\r\n      if (current <= 4) return [1, 2, 3, 4, 5, '...', total];\r\n      if (current >= total - 3) return [1, '...', total-4, total-3, total-2, total-1, total];\r\n      return [1, '...', current - 1, current, current + 1, '...', total];\r\n    }\r\n\r\n    function goToPage(page) {\r\n      const totalPages = Math.ceil(filteredItems.length \/ PER_PAGE);\r\n      if (page < 1 || page > totalPages) return;\r\n      currentPage = page;\r\n      render();\r\n      window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    }\r\n\r\n    function applyFilters() {\r\n      const query = document.getElementById('searchInput').value.trim().toLowerCase();\r\n\r\n      const filterGroups = {};\r\n      document.querySelectorAll('input[type=\"checkbox\"][data-filter]:checked').forEach(cb => {\r\n        const group = cb.dataset.filter;\r\n        if (!filterGroups[group]) filterGroups[group] = [];\r\n        filterGroups[group].push(...cb.dataset.keywords.split(',').map(k => k.trim().toLowerCase()));\r\n      });\r\n\r\n      filteredItems = allItems.filter(item => {\r\n        const text = (item.title.rendered + ' ' + stripHtml(item.excerpt.rendered)).toLowerCase();\r\n        const groupMatch = Object.values(filterGroups).every(kws => kws.some(kw => text.includes(kw)));\r\n        const searchMatch = !query || text.includes(query);\r\n        return groupMatch && searchMatch;\r\n      });\r\n\r\n      currentPage = 1;\r\n      updateFilterCount();\r\n      render();\r\n    }\r\n\r\n    function filterSidebarList(input, listId) {\r\n      const q = input.value.toLowerCase();\r\n      document.querySelectorAll(`#${listId} li`).forEach(li => {\r\n        li.style.display = li.textContent.toLowerCase().includes(q) ? '' : 'none';\r\n      });\r\n    }\r\n\r\n    document.querySelectorAll('input[type=\"checkbox\"][data-filter]').forEach(cb => cb.addEventListener('change', applyFilters));\r\n    document.getElementById('searchInput').addEventListener('input', applyFilters);\r\n    document.getElementById('searchInput').addEventListener('keydown', e => { if (e.key === 'Enter') applyFilters(); });\r\n\r\n    fetchAll();\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\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\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Product The Performance &amp; Profit Maximize output and minimize waste with data-driven precision. Every minute of downtime is a missed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/enlighten-tech.co.th\/en\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enlighten-tech.co.th\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/enlighten-tech.co.th\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/enlighten-tech.co.th\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enlighten-tech.co.th\/en\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":70,"href":"https:\/\/enlighten-tech.co.th\/en\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":2219,"href":"https:\/\/enlighten-tech.co.th\/en\/wp-json\/wp\/v2\/pages\/35\/revisions\/2219"}],"wp:attachment":[{"href":"https:\/\/enlighten-tech.co.th\/en\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}