{"id":20060,"date":"2026-04-06T10:03:08","date_gmt":"2026-04-06T03:03:08","guid":{"rendered":"https:\/\/agr.rmutsv.ac.th\/ruts\/?page_id=20060"},"modified":"2026-09-14T23:23:00","modified_gmt":"2026-09-14T16:23:00","slug":"talk-to-dean","status":"publish","type":"page","link":"https:\/\/agr.rmutsv.ac.th\/ruts\/talk-to-dean\/","title":{"rendered":"Talk to Dean"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 &#8211; \u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;600;700&amp;family=Prompt:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n    <style>\n        :root {\n            --primary: #0f172a;\n            --agri-green: #15803d;\n            --agri-emerald: #10b981;\n            --ruts-orange: #f97316;\n            --line-green: #06c755;\n            --bg-main: #f8fafc;\n            --card-bg: rgba(255, 255, 255, 0.85);\n            --card-border: rgba(226, 232, 240, 0.8);\n            --text-main: #1e293b;\n            --text-muted: #64748b;\n        }\n\n        body {\n            background-color: var(--bg-main);\n            margin: 0;\n            padding: 0;\n            font-family: 'Prompt', 'Plus Jakarta Sans', sans-serif;\n            color: var(--text-main);\n        }\n\n        .talk-dean-wrapper {\n            padding: 40px 15px;\n            background: \n                radial-gradient(circle at 10% 20%, rgba(21, 128, 61, 0.05) 0%, transparent 40%),\n                radial-gradient(circle at 90% 80%, rgba(249, 115, 22, 0.05) 0%, transparent 40%);\n        }\n\n        .talk-dean-container {\n            max-width: 1050px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border-radius: 28px;\n            border: 1px solid rgba(255, 255, 255, 0.9);\n            box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.06);\n            padding: 40px;\n        }\n\n        \/* Header Area *\/\n        .dean-hero {\n            text-align: center;\n            margin-bottom: 35px;\n        }\n\n        .dean-hero .badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background: rgba(21, 128, 61, 0.08);\n            color: var(--agri-green);\n            padding: 6px 16px;\n            border-radius: 100px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            margin-bottom: 12px;\n        }\n\n        .dean-hero h1 {\n            color: var(--primary);\n            font-size: 2.2rem;\n            font-weight: 700;\n            letter-spacing: -0.02em;\n            margin: 0 0 8px 0;\n        }\n\n        .dean-hero p {\n            color: var(--text-muted);\n            font-size: 1.05rem;\n            margin: 0;\n        }\n\n        \/* Bento Grid Main Layout *\/\n        .dean-bento-grid {\n            display: grid;\n            grid-template-columns: 360px 1fr;\n            gap: 24px;\n        }\n\n        \/* Left Side Info Panel *\/\n        .dean-info-panel {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        .bento-card {\n            background: var(--card-bg);\n            border: 1px solid var(--card-border);\n            border-radius: 20px;\n            padding: 24px;\n            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        .bento-card:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.06);\n        }\n\n        .info-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 16px;\n        }\n\n        .info-icon {\n            background: rgba(21, 128, 61, 0.1);\n            color: var(--agri-green);\n            width: 44px;\n            height: 44px;\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            flex-shrink: 0;\n        }\n\n        .info-text h4 {\n            margin: 0 0 4px 0;\n            color: var(--primary);\n            font-size: 1rem;\n            font-weight: 600;\n        }\n\n        .info-text p {\n            margin: 0;\n            font-size: 0.88rem;\n            color: var(--text-muted);\n            line-height: 1.5;\n        }\n\n        \/* LINE QR Bento Card *\/\n        .line-qr-card {\n            text-align: center;\n            background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(6, 199, 85, 0.05) 100%);\n            border-top: 4px solid var(--line-green);\n        }\n\n        .line-qr-card img {\n            width: 150px;\n            height: 150px;\n            border-radius: 16px;\n            margin: 12px 0;\n            border: 1px solid rgba(226, 232, 240, 0.8);\n            padding: 6px;\n            background: #ffffff;\n        }\n\n        .line-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            background: var(--line-green);\n            color: white !important;\n            text-decoration: none;\n            padding: 10px 24px;\n            border-radius: 100px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            width: 100%;\n            box-sizing: border-box;\n            transition: 0.2s ease;\n        }\n\n        .line-btn:hover {\n            opacity: 0.9;\n            transform: scale(1.02);\n        }\n\n        \/* Right Side Form Panel *\/\n        .dean-form-panel {\n            background: var(--card-bg);\n            border: 1px solid var(--card-border);\n            border-radius: 20px;\n            padding: 32px;\n        }\n\n        .form-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 16px;\n        }\n\n        .form-field {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n            margin-bottom: 16px;\n        }\n\n        .form-field.full-width {\n            grid-column: span 2;\n        }\n\n        .form-field label {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: var(--primary);\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .form-field input, \n        .form-field select, \n        .form-field textarea {\n            font-family: 'Prompt', sans-serif;\n            width: 100%;\n            padding: 12px 16px;\n            border: 1px solid var(--card-border);\n            border-radius: 12px;\n            background: rgba(248, 250, 252, 0.8);\n            color: var(--text-main);\n            font-size: 0.95rem;\n            box-sizing: border-box;\n            transition: all 0.2s ease;\n        }\n\n        .form-field input:focus, \n        .form-field select:focus, \n        .form-field textarea:focus {\n            outline: none;\n            border-color: var(--agri-green);\n            background: #ffffff;\n            box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.1);\n        }\n\n        .submit-btn {\n            background: var(--primary);\n            color: #ffffff;\n            border: none;\n            padding: 16px 32px;\n            border-radius: 100px;\n            font-family: 'Prompt', sans-serif;\n            font-size: 1rem;\n            font-weight: 600;\n            cursor: pointer;\n            width: 100%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n            box-shadow: 0 10px 20px -5px rgba(15, 23, 42, 0.2);\n            margin-top: 8px;\n        }\n\n        .submit-btn:hover {\n            background: var(--agri-green);\n            transform: translateY(-2px);\n            box-shadow: 0 15px 25px -5px rgba(21, 128, 61, 0.3);\n        }\n\n        .pdpa-text {\n            font-size: 0.8rem;\n            color: var(--text-muted);\n            text-align: center;\n            margin-top: 16px;\n            margin-bottom: 0;\n        }\n\n        @media (max-width: 900px) {\n            .dean-bento-grid { grid-template-columns: 1fr; }\n            .form-grid { grid-template-columns: 1fr; }\n            .form-field.full-width { grid-column: span 1; }\n            .talk-dean-container { padding: 24px 16px; }\n            .dean-hero h1 { font-size: 1.75rem; }\n        }\n    <\/style>\n\n\n\n<div class=\"talk-dean-wrapper\">\n    <div class=\"talk-dean-container\">\n        \n        <!-- Header -->\n        <div class=\"dean-hero\">\n            <div class=\"badge\"><i class=\"fas fa-paper-plane\"><\/i> Direct Communication Channel<\/div>\n            <h1>\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e04\u0e13\u0e1a\u0e14\u0e35\u0e41\u0e25\u0e30\u0e17\u0e35\u0e21\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/h1>\n            <p>\u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e23\u0e32\u0e0a\u0e21\u0e07\u0e04\u0e25\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22<\/p>\n        <\/div>\n\n        <!-- Bento Grid Layout -->\n        <div class=\"dean-bento-grid\">\n            \n            <!-- Left Info Cards -->\n            <div class=\"dean-info-panel\">\n                \n                <div class=\"bento-card\">\n                    <div class=\"info-item\">\n                        <div class=\"info-icon\"><i class=\"fas fa-envelope-circle-check\"><\/i><\/div>\n                        <div class=\"info-text\">\n                            <h4>\u0e2a\u0e48\u0e07\u0e15\u0e23\u0e07\u0e16\u0e36\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/h4>\n                            <p>\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e13\u0e1a\u0e14\u0e35\u0e41\u0e25\u0e30\u0e23\u0e2d\u0e07\u0e04\u0e13\u0e1a\u0e14\u0e35\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1d\u0e48\u0e32\u0e22\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bento-card\">\n                    <div class=\"info-item\">\n                        <div class=\"info-icon\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\n                        <div class=\"info-text\">\n                            <h4>\u0e19\u0e31\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e1a<\/h4>\n                            <p>\u0e43\u0e19\u0e40\u0e27\u0e25\u0e32\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 (\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c &#8211; \u0e28\u0e38\u0e01\u0e23\u0e4c)<br>\u0e42\u0e1b\u0e23\u0e14\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e49\u0e2d\u0e22 3 \u0e27\u0e31\u0e19\u0e17\u0e33\u0e01\u0e32\u0e23<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bento-card line-qr-card\">\n                    <span style=\"font-size: 0.85rem; font-weight: 600; color: var(--text-muted);\">\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e14\u0e48\u0e27\u0e19\u0e1c\u0e48\u0e32\u0e19 LINE<\/span>\n                    <br>\n                    <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2026\/09\/Line-dean.jpg\" alt=\"Agri Ruts Line QR\">\n\n                <\/div>\n\n            <\/div>\n\n            <!-- Right Form Panel -->\n            <div class=\"dean-form-panel\">\n                <form id=\"directDeanForm\" onsubmit=\"handleSubmit(event)\">\n                    \n                    <!-- Select Executive Recipient -->\n                    <div class=\"form-field full-width\">\n                        <label><i class=\"fas fa-user-tie\" style=\"color: var(--agri-green);\"><\/i> \u0e40\u0e23\u0e35\u0e22\u0e19\u0e16\u0e36\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 (\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a)<\/label>\n                        <select name=\"recipient_email\" required=\"\">\n                            <option value=\"thammasak.p@rmutsv.ac.th\">\u0e04\u0e13\u0e1a\u0e14\u0e35\u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (\u0e1c\u0e28.\u0e18\u0e23\u0e23\u0e21\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e1e\u0e38\u0e17\u0e18\u0e01\u0e32\u0e25)<\/option>\n                            <option value=\"vice_academic@rmutsv.ac.th\">\u0e23\u0e2d\u0e07\u0e04\u0e13\u0e1a\u0e14\u0e35\u0e1d\u0e48\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22<\/option>\n                            <option value=\"vice_student@rmutsv.ac.th\">\u0e23\u0e2d\u0e07\u0e04\u0e13\u0e1a\u0e14\u0e35\u0e1d\u0e48\u0e32\u0e22\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/option>\n                            <option value=\"vice_admin@rmutsv.ac.th\">\u0e23\u0e2d\u0e07\u0e04\u0e13\u0e1a\u0e14\u0e35\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19<\/option>\n                            <option value=\"all_executives\">\u0e04\u0e13\u0e1a\u0e14\u0e35\u0e41\u0e25\u0e30\u0e23\u0e2d\u0e07\u0e04\u0e13\u0e1a\u0e14\u0e35\u0e17\u0e38\u0e01\u0e17\u0e48\u0e32\u0e19<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"form-field full-width\">\n                        <label><i class=\"fas fa-pen-nib\" style=\"color: var(--agri-green);\"><\/i> \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07<\/label>\n                        <input type=\"text\" name=\"subject\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e1b\u0e23\u0e30\u0e40\u0e14\u0e47\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\" required=\"\">\n                    <\/div>\n\n                    <div class=\"form-grid\">\n                        <div class=\"form-field\">\n                            <label>\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25 \u0e1c\u0e39\u0e49\u0e41\u0e08\u0e49\u0e07<\/label>\n                            <input type=\"text\" name=\"fullname\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\" required=\"\">\n                        <\/div>\n                        <div class=\"form-field\">\n                            <label>\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/label>\n                            <input type=\"tel\" name=\"phone\" placeholder=\"08X-XXXXXXX\" required=\"\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-field full-width\">\n                        <label>\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a<\/label>\n                        <input type=\"email\" name=\"email\" placeholder=\"example@rmutsv.ac.th\" required=\"\">\n                    <\/div>\n\n                    <div class=\"form-field full-width\">\n                        <label>\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \/ \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21<\/label>\n                        <textarea name=\"message\" rows=\"4\" placeholder=\"\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \u0e2b\u0e23\u0e37\u0e2d\u0e1b\u0e23\u0e30\u0e40\u0e14\u0e47\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23...\" required=\"\"><\/textarea>\n                    <\/div>\n\n                    <div class=\"form-field full-width\">\n                        <label>\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c \/ \u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/label>\n                        <select name=\"request_type\">\n                            <option value=\"\u0e41\u0e08\u0e49\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e23\u0e32\u0e1a\">\u0e41\u0e08\u0e49\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e23\u0e32\u0e1a\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/option>\n                            <option value=\"\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\">\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a<\/option>\n                            <option value=\"\u0e02\u0e2d\u0e19\u0e31\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e1a\">\u0e02\u0e2d\u0e19\u0e31\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e1a\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/option>\n                            <option value=\"\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e13\u0e30\">\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e13\u0e30\u0e2f<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\n                        <span>\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e16\u0e36\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/span>\n                        <i class=\"fas fa-paper-plane\"><\/i>\n                    <\/button>\n\n                    <p class=\"pdpa-text\">\n                        <i class=\"fas fa-shield-halved\"><\/i> \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e01\u0e1b\u0e34\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e27\u0e32\u0e21\u0e25\u0e31\u0e1a\u0e15\u0e32\u0e21\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e04\u0e38\u0e49\u0e21\u0e04\u0e23\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25 (PDPA)\n                    <\/p>\n                <\/form>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    function handleSubmit(e) {\n        e.preventDefault();\n        const btn = document.getElementById('submitBtn');\n        btn.disabled = true;\n        btn.innerHTML = '<i class=\"fas fa-circle-notch fa-spin\"><\/i> \u0e01\u0e33\u0e25\u0e31\u0e07\u0e19\u0e33\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...';\n\n        \/\/ \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e43\u0e2a\u0e48 Web App URL \u0e02\u0e2d\u0e07 Google Apps Script \u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2a\u0e48\u0e07\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e44\u0e14\u0e49\n        const scriptUrl = \"https:\/\/script.google.com\/macros\/s\/AKfycbxcNt6qDmahN7_31_XcG2X_sFletT8FdGDohM0_FrgQ_dt5PSZJD3LIt9rt1H_eCeWKWg\/exec\"; \n\n        const formData = new FormData(e.target);\n\n        \/\/ \u0e2b\u0e32\u0e01\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d Google Apps Script\n        if (scriptUrl && scriptUrl !== \"YOUR_GOOGLE_APPS_SCRIPT_URL_HERE\") {\n            fetch(scriptUrl, { method: 'POST', body: formData })\n            .then(res => res.json())\n            .then(data => {\n                alert('\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e16\u0e36\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27');\n                e.target.reset();\n            })\n            .catch(err => {\n                alert('\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25');\n            })\n            .finally(() => {\n                btn.disabled = false;\n                btn.innerHTML = '<span>\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e16\u0e36\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/span> <i class=\"fas fa-paper-plane\"><\/i>';\n            });\n        } else {\n            \/\/ \u0e08\u0e33\u0e25\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2b\u0e32\u0e01\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e43\u0e2a\u0e48 Apps Script URL\n            setTimeout(() => {\n                alert('\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e16\u0e39\u0e01\u0e2a\u0e48\u0e07\u0e16\u0e36\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27 (\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19)');\n                btn.disabled = false;\n                btn.innerHTML = '<span>\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e16\u0e36\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/span> <i class=\"fas fa-paper-plane\"><\/i>';\n                e.target.reset();\n            }, 1000);\n        }\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 &#8211; \u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c Direct Communica [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20060","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/20060","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/comments?post=20060"}],"version-history":[{"count":10,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/20060\/revisions"}],"predecessor-version":[{"id":23169,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/20060\/revisions\/23169"}],"wp:attachment":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media?parent=20060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}