{"id":7365,"date":"2026-05-06T23:38:13","date_gmt":"2026-05-06T16:38:13","guid":{"rendered":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/?page_id=7365"},"modified":"2026-05-09T12:58:23","modified_gmt":"2026-05-09T05:58:23","slug":"contact-status","status":"publish","type":"page","link":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/","title":{"rendered":"\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7365\" class=\"elementor elementor-7365\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-a52063f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"a52063f\" 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-d4e8530 elementor-widget elementor-widget-html\" data-id=\"d4e8530\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .cab-login-scope { \n    --primary: #7a964c; --primary-light: rgba(122, 150, 76, 0.15);\n    --accent: #cfcd00; --dark: #2d352d; \n    --text-main: #2d352d; --text-light: #6b756b; \n    font-family: 'Noto Sans Thai', sans-serif; \n    display: flex; justify-content: center; align-items: center; \n    width: 100%; min-height: 60vh; padding: 40px 20px;\n\n  }\n  .cab-login-scope * { box-sizing: border-box; }\n  \n  .cab-container { \n    max-width: 900px; \/* \ud83c\udf1f \u0e02\u0e22\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e2a\u0e27\u0e22\u0e46 *\/\n    width: 100%; \n    background: #ffffff;\n    border-radius: 28px; \n    box-shadow: 0 15px 40px rgba(45, 53, 45, 0.08); \n    padding: 50px; \n    border: 1px solid rgba(122, 150, 76, 0.15);\n    transition: all 0.3s ease;\n  }\n\n  .cab-container h2 { text-align: center; color: var(--dark); margin-top: 0; margin-bottom: 20px; font-size: 26px; display: flex; align-items: center; justify-content: center; gap: 15px; font-weight: 600;}\n  .cab-container h2::before, .cab-container h2::after { content: '\u2726'; color: var(--accent); font-size: 20px; }\n  \n  .cab-container .input-wrapper { position: relative; display: flex; align-items: center; high:54%; width: 100%; max-width: 500px; margin: 0 auto 25px auto;}\n  .cab-container .input-wrapper > i { position: absolute; left: 10px; color: #a5b3a5; font-size: 18px; z-index: 2; pointer-events: none;}\n  .cab-container .input-wrapper input { width: 100%; height: 56px; padding: 16px 20px 16px 50px; border: 2px solid #e0e6e0; border-radius: 16px; font-family: 'Noto Sans Thai', sans-serif; font-size: 0.95rem; background: #f9fbf9; outline: none; transition: 0.3s; color: var(--text-main);}\n  .cab-container .input-wrapper input:focus { border-color: var(--primary); background: #ffffff; box-shadow: 0 6px 20px rgba(122, 150, 76, 0.12); }\n  .cab-container .input-wrapper input:focus + i { color: var(--primary); }\n\n  .cab-container button { background: var(--primary); color: white; border: none; padding: 16px; border-radius: 16px; cursor: pointer; width: 100%; max-width: 400px; display: block; margin: 0 auto; font-size: 0.95rem; font-weight: 600; font-family: 'Noto Sans Thai', sans-serif; transition: 0.3s; box-shadow: 0 4px 15px rgba(122, 150, 76, 0.2);}\n  .cab-container button:hover:not(:disabled) { background: var(--dark); transform: translateY(-3px); box-shadow: 0 8px 25px rgba(122, 150, 76, 0.3); }\n  .cab-container button:disabled { background: #cbd4cb; cursor: not-allowed; transform: none; box-shadow: none;}\n\n  \/* \ud83c\udf1f \u0e23\u0e30\u0e1a\u0e1a Layout \u0e41\u0e1a\u0e1a Grid 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n  #ticketList {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* \u0e41\u0e1a\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19 2 \u0e2a\u0e48\u0e27\u0e19\u0e40\u0e17\u0e48\u0e32\u0e46 \u0e01\u0e31\u0e19 *\/\n    gap: 20px; \/* \u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e25\u0e48\u0e2d\u0e07 *\/\n    margin-top: 20px;\n  }\n\n  .cab-container .ticket-card { background: white; border: 1px solid #e0e6e0; border-radius: 20px; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); border-left: 6px solid var(--primary); transition: 0.3s; animation: slideDown 0.4s ease forwards; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}\n  .cab-container .ticket-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.06); transform: translateY(-2px);}\n  \n  .cab-container .ticket-header { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px dashed #eee; padding-bottom: 15px; margin-bottom: 15px; }\n  .cab-container .t-id { font-weight: 600; font-size: 1.15rem; color: var(--dark); margin:0;}\n  \n  \/* \ud83c\udf1f \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e2a\u0e35\u0e40\u0e21\u0e47\u0e14\u0e22\u0e32 (!important \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e30\u0e25\u0e27\u0e07\u0e17\u0e38\u0e01\u0e01\u0e0f\u0e02\u0e2d\u0e07 Elementor) *\/\n  .cab-container .t-status { padding: 6px 14px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; margin:0; display: inline-block; white-space: nowrap;}\n  .status-pending { background: #fff3e0 !important; color: #e65100 !important; border: 1px solid #ffe0b2 !important; }\n  .status-progress { background: #e3f2fd !important; color: #1565c0 !important; border: 1px solid #bbdefb !important; }\n  .status-success { background: #e8f5e9 !important; color: #2e7d32 !important; border: 1px solid #c8e6c9 !important; }\n  .status-reject { background: #ffebee !important; color: #c62828 !important; border: 1px solid #ffcdd2 !important; }\n  .status-default { background: #f5f5f5 !important; color: #616161 !important; border: 1px solid #e0e0e0 !important; }\n  \n  .cab-container .upload-zone { background: #f9fbf9; border: 1px dashed #c5d1c5; border-radius: 12px; padding: 18px; text-align: center; margin-top: auto; transition: 0.3s;}\n  .cab-container .upload-zone:hover { border-color: var(--primary); background: #f2f7ef;}\n  .cab-container .btn-upload { background: #ffffff; color: var(--primary); border: 1px solid var(--primary); padding: 10px 20px; border-radius: 12px; font-size: 0.95rem; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: 0.2s; font-weight: 500; box-shadow: 0 2px 8px rgba(122,150,76,0.1);}\n  .cab-container .btn-upload:hover { background: var(--primary); color: white; }\n\n  .cab-container .back-link { display: block; text-align: center; margin-top: 35px; color: var(--text-light); text-decoration: none; font-weight: 500; font-size: 1rem; transition: 0.2s;}\n  .cab-container .back-link:hover { color: var(--primary); }\n\n  @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }\n\n  \/* \ud83d\udcf1 \u0e1b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d (\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\u0e40\u0e1b\u0e47\u0e19 1 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c) *\/\n  @media (max-width: 768px) {\n    #ticketList { grid-template-columns: 1fr; } \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e40\u0e2b\u0e25\u0e37\u0e2d 1 \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e15\u0e48\u0e2d\u0e41\u0e16\u0e27 *\/\n    .cab-login-scope { padding: 20px 10px; }\n    .cab-container { padding: 30px 20px; border-radius: 20px; }\n    .cab-container h2 { font-size: 22px; }\n    .cab-container .ticket-header { flex-direction: column; gap: 12px; }\n    .cab-container .t-status { align-self: flex-start; }\n    .cab-container .ticket-card { padding: 20px; }\n  }\n<\/style>\n\n<div class=\"cab-login-scope\">\n  <div class=\"cab-container\">\n    <h2>\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h2>\n    \n    <div id=\"step1\">\n      <p style=\"text-align: center; color: var(--text-light); margin-bottom: 25px; font-size: 1rem; line-height: 1.6;\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e30\u0e1a\u0e38\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21<br>\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a PIN \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e15\u0e31\u0e27\u0e15\u0e19<\/p>\n      <div class=\"input-wrapper\">\n        <input type=\"email\" id=\"loginEmail\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\">\n        <i class=\"fa-solid fa-envelope\"><\/i>\n      <\/div>\n      <button id=\"btnOtp\" onclick=\"reqOtp()\"><i class=\"fa-solid fa-paper-plane\"><\/i> \u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a PIN \u0e17\u0e32\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25<\/button>\n    <\/div>\n\n    <div id=\"step2\" style=\"display:none;\">\n      <p style=\"text-align: center; color: var(--text-light); margin-bottom: 25px; font-size: 1rem;\">\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e2a\u0e48\u0e07\u0e23\u0e2b\u0e31\u0e2a PIN 6 \u0e2b\u0e25\u0e31\u0e01\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e41\u0e25\u0e49\u0e27<\/p>\n      <div class=\"input-wrapper\">\n        <input type=\"text\" id=\"otpPin\" maxlength=\"6\" placeholder=\"\u0e23\u0e2b\u0e31\u0e2a PIN 6 \u0e2b\u0e25\u0e31\u0e01\" style=\"text-align:center; letter-spacing: 10px; font-weight: bold; font-size: 1.2rem;\">\n        <i class=\"fa-solid fa-key\"><\/i>\n      <\/div>\n      <button id=\"btnVerify\" onclick=\"verify()\"><i class=\"fa-solid fa-unlock-keyhole\"><\/i> \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a<\/button>\n    <\/div>\n\n    <div id=\"step3\" style=\"display:none;\">\n      <h3 style=\"color: var(--dark); font-size: 1.2rem; margin-bottom: 20px; border-bottom: 2px solid var(--primary-light); padding-bottom: 10px;\">\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/h3>\n      <div id=\"ticketList\"><\/div>\n    <\/div>\n\n    <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/\" class=\"back-link\"><i class=\"fa-solid fa-arrow-left\"><\/i> \u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21<\/a>\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/gh\/cabkpsku\/cab.contactus@4a3fa75d8c6d798b5e94ef4a10b433f3823a93af\/script.js\"><\/script>\n\n<script>\n  let currentEmail = \"\";\n\n  async function reqOtp() {\n    currentEmail = document.getElementById('loginEmail').value;\n    if(!currentEmail) return Swal.fire('\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19', '\u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e30\u0e1a\u0e38\u0e2d\u0e35\u0e40\u0e21\u0e25', 'warning');\n    \n    const btn = document.getElementById('btnOtp');\n    btn.disabled = true; btn.innerHTML = \"<i class='fa-solid fa-spinner fa-spin'><\/i> \u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e48\u0e07\u0e23\u0e2b\u0e31\u0e2a...\";\n\n    const res = await requestOtp(currentEmail);\n    \n    btn.disabled = false; btn.innerHTML = \"<i class='fa-solid fa-paper-plane'><\/i> \u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a PIN \u0e17\u0e32\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25\";\n    if(res.status === 'success') {\n      document.getElementById('step1').style.display = 'none';\n      document.getElementById('step2').style.display = 'block';\n    } else { Swal.fire('\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14', res.message, 'error'); }\n  }\n\n  async function verify() {\n    const pin = document.getElementById('otpPin').value;\n    if(!pin) return;\n    \n    const btn = document.getElementById('btnVerify');\n    btn.disabled = true; btn.innerHTML = \"<i class='fa-solid fa-spinner fa-spin'><\/i> \u0e01\u0e33\u0e25\u0e31\u0e07\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a...\";\n\n    const res = await verifyAndFetch(currentEmail, pin);\n    \n    btn.disabled = false; btn.innerHTML = \"<i class='fa-solid fa-unlock-keyhole'><\/i> \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\";\n    if(res.status === 'success') {\n      document.getElementById('step2').style.display = 'none';\n      document.getElementById('step3').style.display = 'block';\n      showTickets(res.data);\n    } else { Swal.fire('\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e21\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07', res.message, 'error'); }\n  }\n\n  function showTickets(data) {\n    const list = document.getElementById('ticketList');\n    \/\/ \u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e2b\u0e49\u0e15\u0e2d\u0e19\u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e01\u0e34\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e17\u0e31\u0e49\u0e07 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\n    if(data.length === 0) return list.innerHTML = \"<p style='text-align:center; color:#888; padding: 30px 0; grid-column: 1 \/ -1;'>\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/p>\";\n    \n    \/\/ \ud83c\udfa8 \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e14\u0e36\u0e07 Class \u0e2a\u0e35 (\u0e40\u0e1e\u0e34\u0e48\u0e21 .trim() \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e1a\u0e0a\u0e48\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48\u0e2d\u0e32\u0e08\u0e15\u0e34\u0e14\u0e21\u0e32\u0e08\u0e32\u0e01 Google Sheets \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e1a\u0e31\u0e4a\u0e01\u0e2a\u0e35\u0e44\u0e21\u0e48\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19)\n    const getStatusClass = (status) => {\n      const s = String(status).trim();\n      if (s.includes('\u0e23\u0e2d\u0e23\u0e31\u0e1a\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07')) return 'status-pending'; \n      if (s.includes('\u0e01\u0e33\u0e25\u0e31\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23')) return 'status-progress'; \n      if (s.includes('\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e34\u0e49\u0e19')) return 'status-success'; \n      if (s.includes('\u0e22\u0e01\u0e40\u0e25\u0e34\u0e01') || s.includes('\u0e1b\u0e0f\u0e34\u0e40\u0e2a\u0e18')) return 'status-reject'; \n      return 'status-default'; \n    };\n    \n    list.innerHTML = data.map(t => `\n      <div class=\"ticket-card\">\n        <div class=\"ticket-header\">\n          <div>\n            <div class=\"t-id\">${t.id}<\/div>\n            <div style=\"font-size: 0.95rem; color: var(--text-main); margin-top:8px; font-weight: 500;\">\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07: ${t.topic}<\/div>\n          <\/div>\n          <p class=\"t-status ${getStatusClass(t.status)}\">${t.status}<\/p>\n        <\/div>\n        <div style=\"font-size: 0.85rem; color: #888; margin-bottom: 15px;\"><i class=\"fa-regular fa-clock\"><\/i> \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14: ${t.date}<\/div>\n        <div class=\"upload-zone\">\n           <input type=\"file\" id=\"file_${t.id}\" style=\"display:none\" accept=\".jpg,.png,.pdf\" onchange=\"handleUpload('${t.id}', this)\">\n           <label for=\"file_${t.id}\" class=\"btn-upload\" id=\"lbl_${t.id}\">\n              <i class=\"fa-solid fa-cloud-arrow-up\"><\/i> \u0e41\u0e19\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n           <\/label>\n        <\/div>\n      <\/div>\n    `).join('');\n  }\n\n  function handleUpload(ticketId, inputEl) {\n    const file = inputEl.files[0];\n    if(!file) return;\n    if(file.size > 2 * 1024 * 1024) {\n      inputEl.value = \"\";\n      return Swal.fire('\u0e44\u0e1f\u0e25\u0e4c\u0e43\u0e2b\u0e0d\u0e48\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b', '\u0e01\u0e23\u0e38\u0e13\u0e32\u0e41\u0e19\u0e1a\u0e44\u0e1f\u0e25\u0e4c\u0e02\u0e19\u0e32\u0e14\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 2MB', 'warning');\n    }\n\n    const lbl = document.getElementById(`lbl_${ticketId}`);\n    lbl.innerHTML = \"<i class='fa-solid fa-spinner fa-spin'><\/i> \u0e01\u0e33\u0e25\u0e31\u0e07\u0e2d\u0e31\u0e1b\u0e42\u0e2b\u0e25\u0e14...\";\n    lbl.style.pointerEvents = \"none\";\n\n    const reader = new FileReader();\n    reader.onload = async function(e) {\n      const base64Data = e.target.result.split(',')[1]; \n      const res = await uploadFileToGas(ticketId, base64Data, file.name, file.type);\n      \n      if(res.status === 'success') {\n        Swal.fire({ icon: 'success', title: '\u0e2d\u0e31\u0e1b\u0e42\u0e2b\u0e25\u0e14\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08!', confirmButtonColor: '#7a964c' });\n        lbl.innerHTML = \"<i class='fa-solid fa-check'><\/i> \u0e41\u0e19\u0e1a\u0e44\u0e1f\u0e25\u0e4c\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\";\n        lbl.style.background = \"#e8f5e9\";\n        lbl.style.borderColor = \"#c8e6c9\";\n      } else {\n        Swal.fire('\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14', res.message, 'error');\n        lbl.innerHTML = \"<i class='fa-solid fa-cloud-arrow-up'><\/i> \u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\";\n        lbl.style.pointerEvents = \"auto\";\n      }\n    };\n    reader.readAsDataURL(file);\n  }\n<\/script>\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>\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e30\u0e1a\u0e38\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a PIN \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e15\u0e31\u0e27\u0e15\u0e19 \u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a PIN \u0e17\u0e32\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25 \u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e2a\u0e48\u0e07\u0e23\u0e2b\u0e31\u0e2a PIN 6 \u0e2b\u0e25\u0e31\u0e01\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e41\u0e25\u0e49\u0e27 \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a \u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6223,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","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-7365","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d - cab.ku<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\" \/>\n<meta property=\"og:description\" content=\"\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e30\u0e1a\u0e38\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a PIN \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e15\u0e31\u0e27\u0e15\u0e19 \u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a PIN \u0e17\u0e32\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25 \u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e2a\u0e48\u0e07\u0e23\u0e2b\u0e31\u0e2a PIN 6 \u0e2b\u0e25\u0e31\u0e01\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e41\u0e25\u0e49\u0e27 \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a \u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/\" \/>\n<meta property=\"og:site_name\" content=\"cab.ku\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-09T05:58:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/\",\"url\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/\",\"name\":\"\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d - cab.ku\",\"isPartOf\":{\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/#website\"},\"datePublished\":\"2026-05-06T16:38:13+00:00\",\"dateModified\":\"2026-05-09T05:58:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\",\"item\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/#website\",\"url\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/\",\"name\":\"cab.ku\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d - cab.ku","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/","og_locale":"en_US","og_type":"article","og_title":"\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d","og_description":"\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e30\u0e1a\u0e38\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a PIN \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e15\u0e31\u0e27\u0e15\u0e19 \u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a PIN \u0e17\u0e32\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25 \u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e2a\u0e48\u0e07\u0e23\u0e2b\u0e31\u0e2a PIN 6 \u0e2b\u0e25\u0e31\u0e01\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e41\u0e25\u0e49\u0e27 \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a \u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21","og_url":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/","og_site_name":"cab.ku","article_modified_time":"2026-05-09T05:58:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/","url":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/","name":"\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d - cab.ku","isPartOf":{"@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/#website"},"datePublished":"2026-05-06T16:38:13+00:00","dateModified":"2026-05-09T05:58:23+00:00","breadcrumb":{"@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/contact-status\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/"},{"@type":"ListItem","position":2,"name":"\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32","item":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/contact-us\/"},{"@type":"ListItem","position":3,"name":"\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d"}]},{"@type":"WebSite","@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/#website","url":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/","name":"cab.ku","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/pages\/7365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/comments?post=7365"}],"version-history":[{"count":0,"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/pages\/7365\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/pages\/6223"}],"wp:attachment":[{"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/media?parent=7365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}