{"id":21680,"date":"2026-07-09T15:26:29","date_gmt":"2026-07-09T08:26:29","guid":{"rendered":"https:\/\/www.nkvc.ac.th\/nkvc\/?page_id=21680"},"modified":"2026-07-15T17:18:06","modified_gmt":"2026-07-15T10:18:06","slug":"ita2569nkvc","status":"publish","type":"page","link":"https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/ita2569nkvc\/","title":{"rendered":"ITA 2569"},"content":{"rendered":"<div id=\"pl-21680\"  class=\"panel-layout\" ><div id=\"pg-21680-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-21680-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-21680-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><!DOCTYPE html>\n<html lang=\"th\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>ITA Open Data 2569<\/title>\n  <style>\n    :root {\n      --primary: #1565c0;\n      --primary-light: #1e88e5;\n      --primary-lighter: #42a5f5;\n      --primary-dark: #0d47a1;\n      --accent: #00b8d9;\n      --white: #ffffff;\n      --off-white: #f0f7ff;\n      --gray-50: #f8fafc;\n      --gray-100: #e8f4fd;\n      --gray-200: #d0e8f8;\n      --text-main: #0d2a4a;\n      --text-muted: #4a6f8a;\n      --text-light: #7a9db8;\n      --shadow-sm: 0 2px 8px rgba(21,101,192,0.08);\n      --shadow-md: 0 4px 20px rgba(21,101,192,0.14);\n      --shadow-lg: 0 8px 40px rgba(21,101,192,0.2);\n      --shadow-xl: 0 20px 60px rgba(21,101,192,0.25);\n      --radius-md: 16px;\n      --radius-lg: 24px;\n      --radius-xl: 32px;\n      --radius-full: 999px;\n      --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; }\n    body {\n      font-family: 'Sarabun', 'Inter', Arial, sans-serif;\n      color: var(--text-main);\n      background: radial-gradient(circle at top left, #ffffff 0%, var(--off-white) 46%, #f8fcff 100%);\n      line-height: 1.6;\n      overflow-x: hidden;\n    }\n    .page-shell { max-width: 1280px; margin: 0px auto; padding: 20px 60px 80px; }\n    .hero {\n      position: relative;\n      overflow: hidden;\n      border-radius: 32px;\n      padding: 56px;\n      background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 42%, var(--accent) 100%);\n      color: white;\n      box-shadow: var(--shadow-xl);\n    }\n    .hero::after {\n      content: '';\n      position: absolute;\n      inset: auto -40px -50px auto;\n      width: 260px;\n      height: 260px;\n      border-radius: 50%;\n      background: rgba(255,255,255,0.12);\n      filter: blur(2px);\n    }\n    .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.16); border: 1px solid rgba(255,255,255,0.2); padding: 8px 14px; border-radius: var(--radius-full); font-weight: 700; margin-bottom: 16px; }\n    .hero h1 { font-size: clamp(2rem, 3.4vw, 3rem); font-weight: 900; line-height: 1.15; margin-bottom: 12px; color: rgba(255, 255, 255, 0.92); }\n    .hero p { max-width: 760px; color: rgba(255,255,255,0.92); font-size: 1.03rem; }\n    .hero-stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }\n    .hero-stats span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; background: rgba(255,255,255,0.14); border-radius: var(--radius-full); font-weight: 700; }\n    .quick-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 30px; }\n    .quick-nav a { text-decoration: none; padding: 9px 14px; border-radius: var(--radius-full); background: white; color: var(--primary); font-weight: 700; box-shadow: var(--shadow-sm); }\n    .quick-nav a:hover { transform: translateY(-1px); }\n    .section-title { text-align: center; font-size: 1.65rem; font-weight: 800; margin: 0 0 8px; }\n    .section-copy { text-align: center; max-width: 720px; margin: 0 auto 30px; color: var(--text-muted); }\n    .category-block { margin-bottom: 26px; padding: 22px; border-radius: 24px; background: rgba(255,255,255,0.95); border: 1px solid rgba(21,101,192,0.12); box-shadow: var(--shadow-sm); }\n    .category-header { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid var(--gray-100); }\n    .category-icon { width: 48px; height: 48px; border-radius: 16px; display: grid; place-items: center; font-size: 1.2rem; flex-shrink: 0; }\n    .cat-1 { background: linear-gradient(135deg, #e3f2fd, #bbdefb); color: var(--primary); }\n    .cat-2 { background: linear-gradient(135deg, #e8f5e9, #c8e6c9); color: #2e7d32; }\n    .cat-3 { background: linear-gradient(135deg, #fff8e1, #ffecb3); color: #f57f17; }\n    .cat-4 { background: linear-gradient(135deg, #fce4ec, #f8bbd9); color: #c62828; }\n    .cat-5 { background: linear-gradient(135deg, #e8eaf6, #c5cae9); color: #283593; }\n    .cat-6 { background: linear-gradient(135deg, #e0f2f1, #b2dfdb); color: #00695c; }\n    .cat-7 { background: linear-gradient(135deg, #f3e5f5, #e1bee7); color: #6a1b9a; }\n    .category-title { font-size: 1.15rem; font-weight: 800; }\n    .category-range { color: var(--text-muted); font-size: 0.88rem; font-weight: 600; }\n    .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }\n    .ind-card { background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%); border: 1px solid rgba(21,101,192,0.12); border-radius: 20px; padding: 16px; box-shadow: var(--shadow-sm); transition: transform var(--transition), box-shadow var(--transition); }\n    .ind-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }\n    .card-code-badge { display: inline-flex; padding: 4px 10px; border-radius: var(--radius-full); background: linear-gradient(135deg, var(--primary), var(--primary-light)); color: white; font-size: 0.78rem; font-weight: 800; margin-bottom: 8px; }\n    .card-title { font-size: 0.97rem; font-weight: 800; margin-bottom: 8px; }\n    .card-desc { font-size: 0.86rem; color: var(--text-muted); margin-bottom: 14px; }\n    .card-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--gray-100); padding-top: 12px; }\n    .card-link-count { display: inline-flex; align-items: center; gap: 6px; color: var(--primary); font-size: 0.8rem; font-weight: 700; }\n    .card-link-count .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--primary); }\n    .card-actions { display: flex; gap: 8px; }\n    .btn-card { display: inline-flex; align-items: center; gap: 6px; border: none; border-radius: var(--radius-full); padding: 7px 12px; font-family: inherit; font-size: 0.78rem; font-weight: 700; cursor: pointer; transition: transform var(--transition), box-shadow var(--transition); }\n    .btn-view { background: var(--gray-100); color: var(--primary); }\n    .btn-edit { background: linear-gradient(135deg, var(--primary), var(--primary-light)); color: white; box-shadow: 0 4px 12px rgba(21,101,192,0.25); }\n    .btn-card:hover { transform: translateY(-1px); }\n    .modal-overlay { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(13,42,74,0.62); backdrop-filter: blur(8px); }\n    .modal-overlay.is-open { display: flex; }\n    .modal-card { width: min(620px, 100%); max-height: 90vh; overflow: auto; border-radius: 24px; background: white; box-shadow: var(--shadow-xl); padding: 24px; position: relative; }\n    .modal-close { position: absolute; right: 14px; top: 14px; border: none; background: var(--gray-100); width: 36px; height: 36px; border-radius: 50%; cursor: pointer; font-size: 1.2rem; }\n    .modal-title { font-size: 1.25rem; font-weight: 800; margin-bottom: 6px; }\n    .modal-desc { color: var(--text-muted); font-size: 0.95rem; margin-bottom: 16px; }\n    .view-link-item { display: flex; align-items: center; gap: 10px; padding: 11px 12px; margin-bottom: 10px; border: 1px solid rgba(21,101,192,0.12); border-radius: 14px; background: var(--gray-50); text-decoration: none; color: var(--primary); }\n    .view-link-label { font-size: 0.9rem; font-weight: 700; color: var(--text-main); }\n    .view-link-url { font-size: 0.78rem; color: var(--text-muted); word-break: break-all; }\n    .form-group { display: grid; gap: 6px; margin-bottom: 12px; }\n    .form-group label { font-size: 0.85rem; font-weight: 700; color: var(--text-muted); }\n    .form-group input, .form-group textarea { width: 100%; border: 1px solid var(--gray-200); border-radius: 12px; padding: 10px 12px; font: inherit; }\n    .form-group textarea { min-height: 86px; resize: vertical; }\n    .link-row { display: flex; gap: 8px; margin-bottom: 8px; }\n    .link-row input { flex: 1; }\n    .link-row button { border: none; border-radius: 10px; padding: 0 10px; cursor: pointer; background: #fee2e2; color: #b91c1c; }\n    .actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 16px; }\n    .btn-secondary, .btn-primary { border: none; border-radius: 999px; padding: 10px 14px; font-weight: 700; cursor: pointer; }\n    .btn-secondary { background: var(--gray-100); color: var(--text-main); }\n    .btn-primary { background: linear-gradient(135deg, var(--primary), var(--primary-light)); color: white; }\n    .notice { margin-bottom: 10px; color: var(--primary); font-weight: 700; font-size: 0.9rem; }\n    .toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(20px); background: var(--primary-dark); color: white; padding: 12px 18px; border-radius: 999px; box-shadow: var(--shadow-lg); opacity: 0; pointer-events: none; transition: all 0.3s ease; z-index: 10000; }\n    .toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }\n    @media (max-width: 700px) { .page-shell { padding: 16px 14px 60px; } .hero { padding: 24px; } .cards-grid { grid-template-columns: 1fr; } }\n  <\/style>\n\n  \n<\/head><\/div><\/div><\/div><\/div><div id=\"pg-21680-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-21680-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-21680-1-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"1\" ><div class=\"textwidget custom-html-widget\"><body>\n  <div class=\"page-shell\">\n    <section class=\"hero\">\n      <div class=\"hero-badge\">ITA Open Data<\/div> <br\/>\n     \n      <h1> \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32\u0e2b\u0e19\u0e2d\u0e07\u0e04\u0e32\u0e22<\/h1>\n      <p> \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28.2569<\/p>\n      <p>\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30 (Open Data Integrity and Transparency Assessment: OIT)<\/p>\n      <div class=\"hero-stats\">\n        <span center> 23 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14<\/span>\n        <span>7 \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e25\u0e31\u0e01<\/span>\n        \n      <\/div>\n    <\/section>\n\n    <nav class=\"quick-nav\" aria-label=\"\u0e2b\u0e21\u0e27\u0e14\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\">\n      <a href=\"#cat-basic\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19<\/a>\n      <a href=\"#cat-admin_ops\">\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19<\/a>\n      <a href=\"#cat-procurement\">\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07<\/a>\n      <a href=\"#cat-duty\">\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48<\/a>\n      <a href=\"#cat-hr\">\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25<\/a>\n      <a href=\"#cat-complaint\">\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/a>\n      <a href=\"#cat-anticorrupt\">\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15<\/a>\n    <\/nav>\n\n    <h2 class=\"section-title\">\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14 ITA<\/h2>\n    <p class=\"section-copy\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e16\u0e39\u0e01\u0e08\u0e31\u0e14\u0e01\u0e25\u0e38\u0e48\u0e21\u0e15\u0e32\u0e21\u0e2b\u0e21\u0e27\u0e14 \u0e41\u0e25\u0e30\u0e41\u0e15\u0e48\u0e25\u0e30\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e21\u0e35\u0e1b\u0e38\u0e48\u0e21\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/p>\n    <section id=\"categories-container\"><\/section>\n  <\/div>\n\n  <div id=\"view-modal\" class=\"modal-overlay\" onclick=\"closeOnOverlay(event, 'view-modal')\">\n    <div class=\"modal-card\" role=\"dialog\" aria-modal=\"true\">\n      <button class=\"modal-close\" type=\"button\" onclick=\"closeModal('view-modal')\">\u00d7<\/button>\n      <div class=\"modal-title\" id=\"view-modal-title\"><\/div>\n      <div class=\"modal-desc\" id=\"view-modal-subtitle\"><\/div>\n      <div id=\"view-modal-content\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"edit-modal\" class=\"modal-overlay\" onclick=\"closeOnOverlay(event, 'edit-modal')\">\n    <div class=\"modal-card\" role=\"dialog\" aria-modal=\"true\">\n      <button class=\"modal-close\" type=\"button\" onclick=\"closeModal('edit-modal')\">\u00d7<\/button>\n      <div class=\"modal-title\">\u0e41\u0e01\u0e49\u0e44\u0e02\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14<\/div>\n      <div class=\"modal-desc\">\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e25\u0e30\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e42\u0e14\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e30\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e40\u0e25\u0e22<\/div>\n      <div id=\"edit-modal-content\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"toast\" id=\"toast\"><\/div><\/div><\/div><\/div><\/div><div id=\"pg-21680-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-21680-2-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-21680-2-1\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div id=\"panel-21680-2-1-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"2\" ><div class=\"textwidget custom-html-widget\"><script>\n    \/\/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32 ITA\n    let data = [\n      { code: 'o01', category: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19', categoryId: 'cat-basic', categoryRange: 'O01 \u2013 O05 \u00b7 5 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-1', title: '\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48', desc: '\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e41\u0e25\u0e30\u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\u0e2b\u0e25\u0e31\u0e01', detail: '\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30', links: [\n        { label: '\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19', url: 'https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/administration_chart\/' },\n       { label: '\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48', url: 'https:\/\/www.nkvc.ac.th\/nkvc\/wp-content\/uploads\/2025\/08\/O3%E0%B8%AD%E0%B8%B3%E0%B8%99%E0%B8%B2%E0%B8%88%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%97%E0%B8%B5%E0%B9%88.pdf' },\n      ]\n    },\n\n      \n      { code: 'o02', category: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19', categoryId: 'cat-basic', categoryRange: 'O01 \u2013 O05 \u00b7 5 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-1', title: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32', desc: '\u0e41\u0e2a\u0e14\u0e07\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23', detail: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1a\u0e17\u0e1a\u0e32\u0e17\u0e41\u0e25\u0e30\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a', links: [\n        { label: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32', url: 'https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/executive-committee\/' } ,\n       \n      ]\n     },\n\n\n      { code: 'o03', category: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19', categoryId: 'cat-basic', categoryRange: 'O01 \u2013 O05 \u00b7 5 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-1', title: '\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32', desc: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e04\u0e31\u0e0d', detail: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32\u0e23\u0e30\u0e22\u0e30\u0e2a\u0e31\u0e49\u0e19\u0e41\u0e25\u0e30\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07', links: [\n        { label: '\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32', url: 'https:\/\/www.nkvc.ac.th\/nkvc\/wp-content\/uploads\/2020\/02\/%E0%B9%81%E0%B8%9C%E0%B8%99%E0%B8%9E%E0%B8%B1%E0%B8%92%E0%B8%99%E0%B8%B2%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%88%E0%B8%B1%E0%B8%94%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%A8%E0%B8%B6%E0%B8%81%E0%B8%A9%E0%B8%B2-%E0%B8%9E.%E0%B8%A8.-2568-2572.pdf' },\n\n      ] \n    },\n\n      { code: 'o04', category: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19', categoryId: 'cat-basic', categoryRange: 'O01 \u2013 O05 \u00b7 5 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-1', title: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32', desc: '\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c', detail: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e2d\u0e35\u0e40\u0e21\u0e25 \u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e41\u0e25\u0e30\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23', links: [\n        { label: '\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32', url: 'https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/contact\/' }\n\n    ] \n      },\n\n      { code: 'o05', category: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19', categoryId: 'cat-basic', categoryRange: 'O01 \u2013 O05 \u00b7 5 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-1', title: '\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07', desc: '\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07', detail: '\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22 \u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e41\u0e25\u0e30\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e23\u0e2d\u0e1a\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19', links: [\n        { label: '\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07', url: 'https:\/\/drive.google.com\/drive\/folders\/1o9ZpY9FkvXuf7JPiHuB89kTVbvhim8sf' }\n\n      ] \n      },\n\n      { code: 'o06', category: '\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19 \u0e1b\u0e0f\u0e34\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19', categoryId: 'cat-admin_ops', categoryRange: 'O06 \u2013 O09 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-2', title: '\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13', desc: '\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35', detail: '\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e1b\u0e25\u0e32\u0e22\u0e1b\u0e35\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e15\u0e48\u0e2d\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30', links: [\n        { label: '\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19', url: '' }\n      ] \n      },\n\n      { code: 'o07', category: '\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19 \u0e1b\u0e0f\u0e34\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19', categoryId: 'cat-admin_ops', categoryRange: 'O06 \u2013 O09 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-2', title: '\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19', desc: '\u0e2a\u0e23\u0e38\u0e1b\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32', detail: '\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e1b\u0e35', links: [\n        { label: '\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25', url: '' }\n\n      ]\n     },\n\n      { code: 'o08', category: '\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19 \u0e1b\u0e0f\u0e34\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19', categoryId: 'cat-admin_ops', categoryRange: 'O06 \u2013 O09 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-2', title: 'SAR \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e15\u0e19\u0e40\u0e2d\u0e07', desc: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e15\u0e32\u0e21\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14', detail: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07', links: [\n        { label: 'SAR', url: '' }\n\n      ]\n       },\n\n      { code: 'o09', category: '\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19 \u0e1b\u0e0f\u0e34\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19', categoryId: 'cat-admin_ops', categoryRange: 'O06 \u2013 O09 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-2', title: '\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c', desc: '\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e41\u0e25\u0e30\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07', detail: '\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28 \u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e43\u0e2b\u0e49\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19\u0e23\u0e31\u0e1a\u0e17\u0e23\u0e32\u0e1a', links: [\n        { label: '\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c', url: 'https:\/\/www.facebook.com\/profile.php?id=100057567875258' }\n      \n      ]\n       },\n\n      { code: 'o10', category: '\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e1e\u0e31\u0e2a\u0e14\u0e38', categoryId: 'cat-procurement', categoryRange: 'O10 \u2013 O11 \u00b7 2 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-3', title: '\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07', desc: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32', detail: '\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e15\u0e48\u0e2d\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30', links: [\n        { label: '\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28', url: '' }\n      \n      ]\n       },\n\n      { code: 'o11', category: '\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e1e\u0e31\u0e2a\u0e14\u0e38', categoryId: 'cat-procurement', categoryRange: 'O10 \u2013 O11 \u00b7 2 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-3', title: '\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07', desc: '\u0e2a\u0e23\u0e38\u0e1b\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23', detail: '\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14', links: [\n        { label: '\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19', url: '' }\n\n      ]\n     },\n\n      { code: 'o12', category: '\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48', categoryId: 'cat-duty', categoryRange: 'O12 \u2013 O15 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-4', title: '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19', desc: '\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19', detail: '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32', links: [\n        { label: '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d', url: '' }\n\n      \n      ]\n     },\n\n      { code: 'o13', category: '\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48', categoryId: 'cat-duty', categoryRange: 'O12 \u2013 O15 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-4', title: '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23', desc: '\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32', detail: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e41\u0e25\u0e30\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22', links: [\n        { label: '\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23', url: '' }\n\n      ]\n     },\n\n      { code: 'o14', category: '\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48', categoryId: 'cat-duty', categoryRange: 'O12 \u2013 O15 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-4', title: 'E-Service', desc: '\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23', detail: '\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49\u0e2a\u0e30\u0e14\u0e27\u0e01', links: [\n        { label: 'E-Service', url: '' }\n\n      ]\n     },\n\n      { code: 'o15', category: '\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48', categoryId: 'cat-duty', categoryRange: 'O12 \u2013 O15 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-4', title: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08', desc: '\u0e1c\u0e25\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23', detail: '\u0e1c\u0e25\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23', links: [\n        { label: '\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08', url: '' }\n      \n      ]\n     },\n      { code: 'o16', category: '\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25', categoryId: 'cat-hr', categoryRange: 'O16 \u2013 O17 \u00b7 2 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-5', title: '\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25', desc: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23', detail: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23', links: [\n        { label: '\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23', url: '' }\n      \n      ]\n     },\n\n      { code: 'o17', category: '\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25', categoryId: 'cat-hr', categoryRange: 'O16 \u2013 O17 \u00b7 2 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-5', title: '\u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21', desc: '\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21', detail: '\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e41\u0e25\u0e30\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21\u0e43\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23', links: [\n        { label: '\u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21', url: '' }\n      ]\n     },\n\n      { code: 'o18', category: '\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e1e\u0e24\u0e15\u0e34\u0e21\u0e34\u0e0a\u0e2d\u0e1a', categoryId: 'cat-complaint', categoryRange: 'O18 \u2013 O19 \u00b7 2 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-6', title: '\u0e41\u0e19\u0e27\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19', desc: '\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19', detail: '\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e0a\u0e35\u0e49\u0e41\u0e08\u0e07\u0e1c\u0e25\u0e15\u0e32\u0e21\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2d\u0e22\u0e39\u0e48', links: [\n        { label: '\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19', url: '' }\n\n      ]\n     },\n\n      { code: 'o19', category: '\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e1e\u0e24\u0e15\u0e34\u0e21\u0e34\u0e0a\u0e2d\u0e1a', categoryId: 'cat-complaint', categoryRange: 'O18 \u2013 O19 \u00b7 2 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-6', title: '\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19', desc: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e0a\u0e34\u0e07\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e41\u0e01\u0e49\u0e44\u0e02', detail: '\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07', links: [\n        { label: '\u0e2a\u0e16\u0e34\u0e15\u0e34', url: '' }\n      \n      ]\n     },\n\n      { code: 'o20', category: '\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15', categoryId: 'cat-anticorrupt', categoryRange: 'O20 \u2013 O23 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-7', title: 'No Gift Policy', desc: '\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e40\u0e08\u0e15\u0e19\u0e32\u0e23\u0e21\u0e13\u0e4c\u0e44\u0e21\u0e48\u0e23\u0e31\u0e1a\u0e02\u0e2d\u0e07\u0e02\u0e27\u0e31\u0e0d', detail: '\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e23\u0e31\u0e1a\u0e02\u0e2d\u0e07\u0e02\u0e27\u0e31\u0e0d\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e2d\u0e37\u0e48\u0e19\u0e43\u0e14', links: [\n        { label: 'No Gift Policy', url: '' }\n      \n      ]\n     },\n\n      { code: 'o21', category: '\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15', categoryId: 'cat-anticorrupt', categoryRange: 'O20 \u2013 O23 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-7', title: '\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e20\u0e32\u0e22\u0e43\u0e19', desc: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34', detail: '\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e20\u0e32\u0e22\u0e43\u0e19\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07', links: [\n        { label: '\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e20\u0e32\u0e22\u0e43\u0e19', url: '' }\n\n      ]\n     },\n\n      { code: 'o22', category: '\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15', categoryId: 'cat-anticorrupt', categoryRange: 'O20 \u2013 O23 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-7', title: '\u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23', desc: '\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e15\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a', detail: '\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e15\u0e22\u0e4c\u0e2a\u0e38\u0e08\u0e23\u0e34\u0e15', links: [\n        { label: '\u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23', url: '' }\n      ]\n     },\n\n      { code: 'o23', category: '\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15', categoryId: 'cat-anticorrupt', categoryRange: 'O20 \u2013 O23 \u00b7 4 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14', iconClass: 'cat-7', title: '\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21', desc: '\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e0a\u0e34\u0e07\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23', detail: '\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32', links: [\n        { label: '\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21', url: '' }\n\n\n      ] \n    }\n    ];\n\n    const container = document.getElementById('categories-container');\n    const viewModal = document.getElementById('view-modal');\n    const editModal = document.getElementById('edit-modal');\n    const viewTitle = document.getElementById('view-modal-title');\n    const viewSubtitle = document.getElementById('view-modal-subtitle');\n    const viewContent = document.getElementById('view-modal-content');\n    const editContent = document.getElementById('edit-modal-content');\n    const toast = document.getElementById('toast');\n\n    function escapeHtml(text) {\n      return String(text)\n        .replace(\/&\/g, '&amp;')\n        .replace(\/<\/g, '&lt;')\n        .replace(\/>\/g, '&gt;')\n        .replace(\/\\\"\/g, '&quot;')\n        .replace(\/'\/g, '&#39;');\n    }\n\n    function render() {\n      const grouped = data.reduce((acc, item) => {\n        if (!acc[item.categoryId]) acc[item.categoryId] = { title: item.category, range: item.categoryRange, iconClass: item.iconClass, items: [] };\n        acc[item.categoryId].items.push(item);\n        return acc;\n      }, {});\n\n      container.innerHTML = Object.entries(grouped).map(([id, group]) => `\n        <div class=\"category-block\" id=\"${id}\">\n          <div class=\"category-header\">\n            <div class=\"category-icon ${group.iconClass}\">\n              ${id === 'cat-basic' ? '\ud83c\udfdb\ufe0f' : id === 'cat-admin_ops' ? '\ud83d\udc65' : id === 'cat-procurement' ? '\ud83d\udcbc' : id === 'cat-duty' ? '\ud83e\uddfe' : id === 'cat-hr' ? '\ud83d\udc69\u200d\ud83c\udfeb' : id === 'cat-complaint' ? '\ud83d\udee1\ufe0f' : '\u2705'}\n            <\/div>\n            <div>\n              <h3 class=\"category-title\">${escapeHtml(group.title)}<\/h3>\n              <p class=\"category-range\">${escapeHtml(group.range)}<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"cards-grid\">\n            ${group.items.map(item => `\n              <article class=\"ind-card\">\n                <div class=\"card-code-badge\">${escapeHtml(item.code)}<\/div>\n                <div class=\"card-title\">${escapeHtml(item.title)}<\/div>\n                <div class=\"card-desc\">${escapeHtml(item.desc)}<\/div>\n                <div class=\"card-footer\">\n                  <div class=\"card-link-count\"><span class=\"dot\"><\/span>${item.links.length} \u0e25\u0e34\u0e07\u0e01\u0e4c<\/div>\n                  <div class=\"card-actions\">\n                    <button class=\"btn-card btn-view\" type=\"button\" onclick=\"openViewModal('${item.code}')\">\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/button>\n                    <button class=\"btn-card btn-edit\" type=\"button\" onclick=\"openEditModal('${item.code}')\">\u0e41\u0e01\u0e49\u0e44\u0e02<\/button>\n                  <\/div>\n                <\/div>\n              <\/article>\n            `).join('')}\n          <\/div>\n        <\/div>\n      `).join('');\n    }\n\n    function getItem(code) {\n      return data.find(item => item.code === code);\n    }\n\n    function showToast(message) {\n      toast.textContent = message;\n      toast.classList.add('show');\n      clearTimeout(showToast.timer);\n      showToast.timer = setTimeout(() => toast.classList.remove('show'), 1800);\n    }\n\n    function openViewModal(code) {\n      const item = getItem(code);\n      if (!item) return;\n      viewTitle.innerHTML = `${escapeHtml(item.code)} \u00b7 ${escapeHtml(item.title)}`;\n      viewSubtitle.textContent = item.desc;\n      viewContent.innerHTML = `\n        <div class=\"notice\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22<\/div>\n        <p style=\"margin-bottom: 12px; color: var(--text-muted);\">${escapeHtml(item.detail)}<\/p>\n        <div style=\"font-weight:800; margin-bottom: 8px;\">\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d<\/div>\n        ${item.links.length ? item.links.map(link => `\n          <a class=\"view-link-item\" href=\"${escapeHtml(link.url)}\" target=\"_blank\" rel=\"noreferrer\">\n            <div style=\"min-width: 34px;\">\ud83d\udd17<\/div>\n            <div>\n              <div class=\"view-link-label\">${escapeHtml(link.label)}<\/div>\n              <div class=\"view-link-url\">${escapeHtml(link.url)}<\/div>\n            <\/div>\n          <\/a>\n        `).join('') : '<div class=\"view-link-item\">\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e25\u0e34\u0e07\u0e01\u0e4c<\/div>'}\n      `;\n      viewModal.classList.add('is-open');\n    }\n\n    function openEditModal(code) {\n      const item = getItem(code);\n      if (!item) return;\n      editContent.innerHTML = `\n        <div class=\"form-group\">\n          <label for=\"edit-title\">\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14<\/label>\n          <input id=\"edit-title\" value=\"${escapeHtml(item.title)}\" \/>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"edit-desc\">\u0e04\u0e33\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e2a\u0e31\u0e49\u0e19<\/label>\n          <input id=\"edit-desc\" value=\"${escapeHtml(item.desc)}\" \/>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"edit-detail\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/label>\n          <textarea id=\"edit-detail\">${escapeHtml(item.detail)}<\/textarea>\n        <\/div>\n        <div class=\"form-group\">\n          <label>\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d<\/label>\n          <div id=\"edit-links\"><\/div>\n          <button class=\"btn-secondary\" type=\"button\" onclick=\"addLinkField('${item.code}')\" style=\"margin-top: 8px;\">+ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e25\u0e34\u0e07\u0e01\u0e4c<\/button>\n        <\/div>\n        <div class=\"actions\">\n          <button class=\"btn-secondary\" type=\"button\" onclick=\"closeModal('edit-modal')\">\u0e22\u0e01\u0e40\u0e25\u0e34\u0e01<\/button>\n          <button type=\"button\" onclick=\"deleteItem('${item.code}')\" style=\"background: #fee2e2; color: #b91c1c; border: none; border-radius: 999px; padding: 10px 14px; font-weight: 700; cursor: pointer; margin-right: auto;\">\ud83d\uddd1\ufe0f \u0e25\u0e1a\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14<\/button>\n          <button class=\"btn-primary\" type=\"button\" onclick=\"saveEdit('${item.code}')\">\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01<\/button>\n        <\/div>\n      `;\n      renderLinkFields(item);\n      editModal.classList.add('is-open');\n    }\n\n    function renderLinkFields(item) {\n      const container = document.getElementById('edit-links');\n      if (!container) return;\n      container.innerHTML = item.links.map((link, index) => `\n        <div class=\"link-row\">\n          <input id=\"link-label-${index}\" value=\"${escapeHtml(link.label)}\" placeholder=\"\u0e0a\u0e37\u0e48\u0e2d\u0e25\u0e34\u0e07\u0e01\u0e4c\" \/>\n          <input id=\"link-url-${index}\" value=\"${escapeHtml(link.url)}\" placeholder=\"https:\/\/...\" \/>\n          <button type=\"button\" onclick=\"removeLinkField('${item.code}', ${index})\">\u00d7<\/button>\n        <\/div>\n      `).join('');\n    }\n\n    function addLinkField(code) {\n      const item = getItem(code);\n      if (!item) return;\n      item.links.push({ label: '\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e43\u0e2b\u0e21\u0e48', url: 'https:\/\/example.com' });\n      renderLinkFields(item);\n    }\n\n    function removeLinkField(code, index) {\n      const item = getItem(code);\n      if (!item) return;\n      item.links.splice(index, 1);\n      renderLinkFields(item);\n    }\n\n    function saveEdit(code) {\n      const item = getItem(code);\n      if (!item) return;\n      const titleInput = document.getElementById('edit-title');\n      const descInput = document.getElementById('edit-desc');\n      const detailInput = document.getElementById('edit-detail');\n      item.title = titleInput ? titleInput.value : item.title;\n      item.desc = descInput ? descInput.value : item.desc;\n      item.detail = detailInput ? detailInput.value : item.detail;\n      item.links = [];\n      const linkCount = document.querySelectorAll('#edit-links .link-row').length;\n      for (let i = 0; i < linkCount; i++) {\n        const label = document.getElementById(`link-label-${i}`);\n        const url = document.getElementById(`link-url-${i}`);\n        if (label && url) {\n          item.links.push({ label: label.value, url: url.value });\n        }\n      }\n      render();\n      closeModal('edit-modal');\n      showToast(`\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 ${item.code} \u0e41\u0e25\u0e49\u0e27`);\n    }\n\n    \/\/ \u0e25\u0e1a\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\n    function deleteItem(code) {\n      if (!confirm(`\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e25\u0e1a ${code} \u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48?`)) return;\n      const index = data.findIndex(item => item.code === code);\n      if (index > -1) {\n        data.splice(index, 1);\n        render();\n        closeModal('edit-modal');\n        showToast(`\u0e25\u0e1a ${code} \u0e41\u0e25\u0e49\u0e27`);\n      }\n    }\n\n    function closeModal(id) {\n      document.getElementById(id).classList.remove('is-open');\n    }\n\n    function closeOnOverlay(event, id) {\n      if (event.target.id === id) closeModal(id);\n    }\n\n    window.openViewModal = openViewModal;\n    window.openEditModal = openEditModal;\n    window.closeModal = closeModal;\n    window.closeOnOverlay = closeOnOverlay;\n    window.addLinkField = addLinkField;\n    window.removeLinkField = removeLinkField;\n    window.saveEdit = saveEdit;\n    window.deleteItem = deleteItem;\n\n    render();\n  <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><div id=\"pgc-21680-2-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><div id=\"pg-21680-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-21680-3-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>ITA Open Data 2569 I [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-21680","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/wp-json\/wp\/v2\/pages\/21680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/wp-json\/wp\/v2\/comments?post=21680"}],"version-history":[{"count":49,"href":"https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/wp-json\/wp\/v2\/pages\/21680\/revisions"}],"predecessor-version":[{"id":21726,"href":"https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/wp-json\/wp\/v2\/pages\/21680\/revisions\/21726"}],"wp:attachment":[{"href":"https:\/\/www.nkvc.ac.th\/nkvc\/index.php\/wp-json\/wp\/v2\/media?parent=21680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}