{"id":220,"date":"2026-10-01T05:14:51","date_gmt":"2026-10-01T05:14:51","guid":{"rendered":"https:\/\/office.wadnongtim.ac.th\/?page_id=220"},"modified":"2026-10-02T03:31:27","modified_gmt":"2026-10-02T03:31:27","slug":"elementor-220","status":"publish","type":"page","link":"https:\/\/office.wadnongtim.ac.th\/?page_id=220","title":{"rendered":"Elementor #220"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"220\" class=\"elementor elementor-220\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f0e37c e-con e-atomic-element e-flexbox-base e-dd8ad52 \" data-id=\"7f0e37c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7f0e37c\">\n    \t\t<div class=\"elementor-element elementor-element-dadb614 elementor-widget elementor-widget-heading\" data-id=\"dadb614\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e32\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h2>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cfb2f44 e-con e-atomic-element e-flexbox-base e-30b657b \" data-id=\"cfb2f44\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cfb2f44\">\n    \t\t<div class=\"elementor-element elementor-element-fe610f2 elementor-widget elementor-widget-shortcode\" data-id=\"fe610f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div style=\"max-width: 650px; margin: auto; background: #fff; padding: 25px; border: 1px solid #ccc; border-radius: 8px; font-family: 'Sarabun', sans-serif;\">\n        <h2 style=\"text-align: center; color: #333; margin-bottom: 20px;\">\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e2d\u0e25\u0e32\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h2>\n        <form method=\"POST\" action=\"\">\n            <p><label><b>\u0e40\u0e02\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48:<\/b> \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e27\u0e31\u0e14\u0e2b\u0e19\u0e2d\u0e07\u0e15\u0e34\u0e21<\/label><br>\n               <label><b>\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e40\u0e02\u0e35\u0e22\u0e19:<\/b><\/label><br>\n               <input type=\"date\" name=\"doc_date\" required style=\"width: 100%; padding: 8px; margin-top: 5px;\" value=\"2026-10-20\">\n            <\/p>\n            <p><label><b>\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07:<\/b><\/label><br>\n               <input type=\"text\" name=\"leave_subject\" required style=\"width: 100%; padding: 8px; margin-top: 5px;\" placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e25\u0e32\u0e1b\u0e48\u0e27\u0e22 \/ \u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e25\u0e32\u0e01\u0e34\u0e08\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\">\n            <\/p>\n            <p><label><b>\u0e40\u0e23\u0e35\u0e22\u0e19:<\/b> \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e27\u0e31\u0e14\u0e2b\u0e19\u0e2d\u0e07\u0e15\u0e34\u0e21<\/label><\/p>\n            <p><label><b>\u0e0a\u0e37\u0e48\u0e2d - \u0e2a\u0e01\u0e38\u0e25:<\/b><\/label><br>\n               <input type=\"text\" name=\"teacher_name\" required style=\"width: 100%; padding: 8px; margin-top: 5px;\" placeholder=\"[\u0e0a\u0e37\u0e48\u0e2d-\u0e2a\u0e01\u0e38\u0e25 \u0e04\u0e23\u0e39\u0e1c\u0e39\u0e49\u0e25\u0e32]\">\n            <\/p>\n            <p><label><b>\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07:<\/b><\/label><br>\n               <input type=\"text\" name=\"position\" required style=\"width: 100%; padding: 8px; margin-top: 5px;\" placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e04\u0e23\u0e39\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22, \u0e04\u0e23\u0e39\u0e0a\u0e33\u0e19\u0e32\u0e0d\u0e01\u0e32\u0e23\">\n            <\/p>\n            <p><label><b>\u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14:<\/b> \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e40\u0e02\u0e15\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e23\u0e30\u0e16\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e2a\u0e23\u0e30\u0e41\u0e01\u0e49\u0e27 \u0e40\u0e02\u0e15 2<\/label><\/p>\n            <p><label><b>\u0e02\u0e2d\u0e25\u0e32:<\/b><\/label><br>\n                <label style=\"margin-right: 15px;\"><input type=\"radio\" name=\"leave_type\" value=\"\u0e25\u0e32\u0e1b\u0e48\u0e27\u0e22\" required> \u0e1b\u0e48\u0e27\u0e22<\/label>\n                <label style=\"margin-right: 15px;\"><input type=\"radio\" name=\"leave_type\" value=\"\u0e01\u0e34\u0e08\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\"> \u0e01\u0e34\u0e08\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27<\/label>\n                <label><input type=\"radio\" name=\"leave_type\" value=\"\u0e25\u0e32\u0e04\u0e25\u0e2d\u0e14\u0e1a\u0e38\u0e15\u0e23\"> \u0e04\u0e25\u0e2d\u0e14\u0e1a\u0e38\u0e15\u0e23<\/label>\n            <\/p>\n            <p><label><b>\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e32\u0e01 (\u0e40\u0e2b\u0e15\u0e38\u0e1c\u0e25):<\/b><\/label><br>\n               <textarea name=\"reason\" rows=\"3\" required style=\"width: 100%; padding: 8px; margin-top: 5px;\"><\/textarea>\n            <\/p>\n            <div style=\"display: flex; gap: 15px;\">\n                <p style=\"flex: 1;\"><label><b>\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48:<\/b><\/label><br><input type=\"date\" name=\"start_date\" id=\"start_date\" required style=\"width: 100%; padding: 8px; margin-top: 5px;\" onchange=\"calculateDays()\"><\/p>\n                <p style=\"flex: 1;\"><label><b>\u0e08\u0e19\u0e16\u0e36\u0e07\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48:<\/b><\/label><br><input type=\"date\" name=\"end_date\" id=\"end_date\" required style=\"width: 100%; padding: 8px; margin-top: 5px;\" onchange=\"calculateDays()\"><\/p>\n            <\/div>\n            <p><label><b>\u0e21\u0e35\u0e01\u0e33\u0e2b\u0e19\u0e14 (\u0e27\u0e31\u0e19):<\/b><\/label><br>\n               <input type=\"number\" name=\"total_days\" id=\"total_days\" readonly style=\"width: 100%; padding: 8px; margin-top: 5px; background: #e9ecef;\" placeholder=\"\u0e04\u0e33\u0e19\u0e27\u0e13\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\">\n            <\/p>\n            <p><label><b>\u0e43\u0e19\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e25\u0e32\u0e08\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e02\u0e49\u0e32\u0e1e\u0e40\u0e08\u0e49\u0e32\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48:<\/b><\/label><br>\n               <input type=\"text\" name=\"contact_info\" required style=\"width: 100%; padding: 8px; margin-top: 5px;\" placeholder=\"\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e2b\u0e23\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e02\u0e13\u0e30\u0e25\u0e32\">\n            <\/p>\n            <fieldset style=\"border: 1px solid #ccc; padding: 15px; margin-top: 15px; border-radius: 4px; background: #fdfdfd;\">\n                <legend><b>\u0e25\u0e07\u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e25\u0e32<\/b><\/legend>\n                <canvas id=\"sig-canvas\" width=\"400\" height=\"150\" style=\"border:1px solid #000; background:#fff; cursor:crosshair; display:block; margin-bottom:10px;\"><\/canvas>\n                <input type=\"hidden\" name=\"signature_data\" id=\"signature_data\">\n                <button type=\"button\" onclick=\"clearCanvas()\" style=\"padding: 5px 10px; background: #6c757d; color: white; border: none; border-radius: 3px; cursor: pointer;\">\u0e25\u0e49\u0e32\u0e07\u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19<\/button>\n            <\/fieldset>\n            <p style=\"margin-top: 20px;\">\n                <button type=\"submit\" name=\"submit_wnt_leave\" onclick=\"saveSignature()\" style=\"background: #007bff; color: white; border: none; padding: 12px 20px; border-radius: 4px; cursor: pointer; width: 100%; font-size: 18px;\">\u0e22\u0e37\u0e48\u0e19\u0e43\u0e1a\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e2d\u0e25\u0e32<\/button>\n            <\/p>\n        <\/form>\n    <\/div>\n    <script>\n        function calculateDays() {\n            const start = document.getElementById('start_date').value;\n            const end = document.getElementById('end_date').value;\n            if (start && end) {\n                const diffTime = new Date(end) - new Date(start);\n                const diffDays = Math.ceil(diffTime \/ (1000 * 60 * 60 * 24)) + 1;\n                document.getElementById('total_days').value = diffDays > 0 ? diffDays : 1;\n            }\n        }\n        const canvas = document.getElementById('sig-canvas');\n        const ctx = canvas.getContext('2d');\n        let painting = false;\n        canvas.addEventListener('mousedown', (e)=>{painting=true; draw(e);});\n        canvas.addEventListener('mouseup', ()=>{painting=false; ctx.beginPath();});\n        canvas.addEventListener('mousemove', draw);\n        canvas.addEventListener('touchstart', (e)=>{painting=true; draw(e);});\n        canvas.addEventListener('touchend', ()=>{painting=false; ctx.beginPath();});\n        canvas.addEventListener('touchmove', draw);\n        function draw(e){\n            if(!painting) return;\n            ctx.lineWidth = 2; ctx.lineCap = 'round'; ctx.strokeStyle = '#000';\n            const rect = canvas.getBoundingClientRect();\n            const clientX = e.clientX || e.touches[0].clientX;\n            const clientY = e.clientY || e.touches[0].clientY;\n            ctx.lineTo(clientX - rect.left, clientY - rect.top); ctx.stroke(); ctx.beginPath(); ctx.moveTo(clientX - rect.left, clientY - rect.top);\n        }\n        function clearCanvas() { ctx.clearRect(0, 0, canvas.width, canvas.height); document.getElementById('signature_data').value = ''; }\n        function saveSignature() { document.getElementById('signature_data').value = canvas.toDataURL(); }\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e32\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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-220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/office.wadnongtim.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/office.wadnongtim.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/office.wadnongtim.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/office.wadnongtim.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/office.wadnongtim.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=220"}],"version-history":[{"count":16,"href":"https:\/\/office.wadnongtim.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":242,"href":"https:\/\/office.wadnongtim.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/220\/revisions\/242"}],"wp:attachment":[{"href":"https:\/\/office.wadnongtim.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}