{"id":301,"date":"2026-01-22T16:07:09","date_gmt":"2026-01-22T09:07:09","guid":{"rendered":"https:\/\/workcrane.co.th\/?page_id=301"},"modified":"2026-02-26T03:47:56","modified_gmt":"2026-02-25T20:47:56","slug":"elementor-page-301","status":"publish","type":"page","link":"https:\/\/workcrane.co.th\/index.php\/elementor-page-301\/","title":{"rendered":"\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"301\" class=\"elementor elementor-301\">\n\t\t\t\t<div class=\"elementor-element elementor-element-825602a e-flex e-con-boxed e-con e-parent\" data-id=\"825602a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-610e526 elementor-widget elementor-widget-html\" data-id=\"610e526\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <div id=\"wcms-crane-request-form\">\n      <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n      <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Prompt:wght@300;400;500;600&family=Sarabun:wght@300;400;500&display=swap\" rel=\"stylesheet\" \/>\n      <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\" \/>\n\n      <script>\n        tailwind.config = {\n          corePlugins: { preflight: false },\n          theme: {\n            extend: {\n              colors: {\n                primary: \"#f2f20d\",\n                \"brand-dark\": \"#1a1a1a\",\n                \"brand-gray\": \"#4b5563\",\n              },\n              fontFamily: {\n                display: [\"Inter\", \"Prompt\", \"sans-serif\"],\n                \"thai-body\": [\"Sarabun\", \"sans-serif\"],\n                \"thai-head\": [\"Prompt\", \"sans-serif\"],\n              },\n              borderRadius: { DEFAULT: \"0.25rem\", lg: \"0.5rem\", xl: \"0.75rem\", full: \"9999px\" },\n            },\n          },\n        };\n      <\/script>\n\n      <style>\n        #wcms-crane-request-form,\n        #wcms-crane-request-form * { box-sizing: border-box; }\n        #wcms-crane-request-form { font-family: \"Inter\", \"Sarabun\", sans-serif; }\n        #wcms-crane-request-form .bg-immersive-light {\n          background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.95)), url(https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCa8mDJozJRlcTVNP3FtZbuHc_kxx1w_4IwYE4PgLaB-OEg2w_mk-jQJUWhQiI82ZQ_rfFMjpGJyJuw1GS1MDpVYmATd3I-rwKde-PsysgvCht97_HGzeXi6weUA37SNrLMx9VuNCqE8I13NJnIVbEiDhIvxXztD91NRgTXzizgcEYBXUnp8ojwQEDeC4tGYqIOdt3lmgdBFQmlVZU1BPT7Zcyiy7IZUfQ-adSd4yBKHlBCVxJMlBhPEHCumX1beQo_n8NB4EyS5A);\n          background-size: cover;\n          background-position: center;\n          background-attachment: fixed;\n        }\n        #wcms-crane-request-form .form-card {\n          background: #fff;\n          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);\n          border: 1px solid rgba(0, 0, 0, 0.05);\n        }\n        #wcms-crane-request-form .form-label {\n          font-family: \"Prompt\", sans-serif;\n          color: #1a1a1a;\n        }\n        #wcms-crane-request-form .form-input {\n          font-family: \"Sarabun\", sans-serif;\n          color: #1a1a1a;\n        }\n      <\/style>\n\n      <div class=\"bg-white text-gray-900 min-h-screen\">\n        <div class=\"bg-immersive-light min-h-screen flex items-center justify-center p-4 md:p-12\">\n          <div class=\"form-card w-full max-w-4xl rounded-2xl overflow-hidden\">\n            <div class=\"px-6 py-8 md:px-10 border-b border-gray-100 flex flex-col md:flex-row justify-between items-start md:items-center gap-4\">\n              <div>\n                <h1 class=\"font-thai-head text-3xl md:text-4xl font-bold text-primary tracking-tight\" style=\"text-shadow: 0 1px 2px rgba(0,0,0,0.1);\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e08\u0e2d\u0e07\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19<\/h1>\n                <p class=\"font-thai-body text-brand-gray mt-2 text-lg\">Crane &amp; Logistics Services<\/p>\n              <\/div>\n              <div class=\"bg-primary px-4 py-2 rounded-lg shadow-sm\">\n                <span class=\"block text-[10px] uppercase tracking-widest text-brand-dark\/60 font-bold\">Request ID<\/span>\n                <span id=\"requestId\" class=\"font-mono text-brand-dark font-bold\"><\/span>\n              <\/div>\n            <\/div>\n\n            <form id=\"craneForm\" class=\"p-6 md:p-10\">\n              <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8\">\n                <div class=\"space-y-6\">\n                  <div class=\"flex items-center gap-3 mb-6\">\n                    <span class=\"w-1.5 h-6 bg-primary rounded-full\"><\/span>\n                    <h2 class=\"font-thai-head text-xl font-bold text-brand-dark\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h2>\n                  <\/div>\n\n                  <div class=\"relative group\">\n                    <label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \/ Name<\/label>\n                    <input id=\"f_name\" class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\" type=\"text\" \/>\n                  <\/div>\n\n                  <div class=\"relative group\">\n                    <label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \/ Phone<\/label>\n                    <input id=\"f_phone\" class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"08X-XXX-XXXX\" type=\"tel\" \/>\n                  <\/div>\n\n                  <div class=\"relative group\">\n                    <label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \/ Company (\u0e16\u0e49\u0e32\u0e21\u0e35)<\/label>\n                    <input id=\"f_company\" class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\" type=\"text\" \/>\n                  <\/div>\n\n                  <div class=\"relative group\">\n                    <label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">Line ID \u0e2b\u0e23\u0e37\u0e2d \u0e2d\u0e35\u0e40\u0e21\u0e25 \/ Contact<\/label>\n                    <input id=\"f_contact\" class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"@lineid \u0e2b\u0e23\u0e37\u0e2d example@mail.com\" type=\"text\" \/>\n                  <\/div>\n                <\/div>\n\n                <div class=\"space-y-6\">\n                  <div class=\"flex items-center gap-3 mb-6\">\n                    <span class=\"w-1.5 h-6 bg-primary rounded-full\"><\/span>\n                    <h2 class=\"font-thai-head text-xl font-bold text-brand-dark\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e07\u0e32\u0e19<\/h2>\n                  <\/div>\n\n                  <div class=\"relative group\">\n                    <label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 \/ Usage Period<\/label>\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                      <div>\n                        <label class=\"text-sm text-gray-500 mb-1 block\">\u0e08\u0e32\u0e01\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48<\/label>\n                        <input id=\"f_startdate\" class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" type=\"date\" \/>\n                      <\/div>\n                      <div>\n                        <label class=\"text-sm text-gray-500 mb-1 block\">\u0e16\u0e36\u0e07\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48<\/label>\n                        <input id=\"f_enddate\" class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" type=\"date\" \/>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n\n                  <div class=\"relative group\">\n                    <label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19 \/ Location<\/label>\n                    <div class=\"flex gap-2\">\n                      <input id=\"locationInput\" class=\"form-input flex-grow bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e40\u0e02\u0e15\/\u0e2d\u0e33\u0e40\u0e20\u0e2d, \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\" type=\"text\" \/>\n                    <\/div>\n                  <\/div>\n\n                  <div class=\"relative group\">\n                    <label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ Notes<\/label>\n                    <textarea id=\"f_notes\" class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\" rows=\"3\"><\/textarea>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"mt-12 pt-8 border-t border-gray-100\">\n                <div class=\"mb-8 flex flex-col items-center\">\n                  <button class=\"w-full bg-primary hover:brightness-95 text-brand-dark font-thai-head font-bold py-5 px-8 rounded-xl text-xl shadow-lg shadow-primary\/30 active:scale-[0.99] transition-all flex items-center justify-center gap-3\" type=\"submit\">\n                    \u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\n                    <span class=\"material-symbols-outlined font-bold\">arrow_forward<\/span>\n                  <\/button>\n                  <p class=\"text-center mt-6 font-thai-body text-gray-400 text-sm\">* \u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e08\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e20\u0e32\u0e22\u0e43\u0e19 1 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 (08:00 - 18:00 \u0e19.)<\/p>\n                <\/div>\n              <\/div>\n            <\/form>\n          <\/div>\n\n          <div class=\"hidden lg:block absolute bottom-12 right-12 bg-white\/90 backdrop-blur-md p-4 rounded-2xl border border-gray-200 shadow-xl max-w-xs\">\n            <div class=\"flex items-center gap-4\">\n              <div class=\"w-12 h-12 rounded-xl bg-primary\/20 flex items-center justify-center text-primary flex-shrink-0\">\n                <span class=\"material-symbols-outlined text-brand-dark\">map<\/span>\n              <\/div>\n              <div>\n                <p class=\"text-xs text-brand-gray font-thai-body\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/p>\n                <p class=\"text-sm text-brand-dark font-thai-head font-bold\">\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e34\u0e21\u0e13\u0e11\u0e25<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"successPopup\" class=\"fixed inset-0 z-[9999] hidden items-center justify-center p-4\" style=\"background: rgba(0,0,0,0.55);\">\n        <div class=\"bg-white w-full max-w-md rounded-2xl shadow-2xl p-6\">\n          <div class=\"flex items-start gap-3\">\n            <div class=\"w-10 h-10 rounded-full bg-green-100 flex items-center justify-center\">\u2705<\/div>\n            <div class=\"flex-1\">\n              <h3 class=\"text-lg font-bold text-gray-900\">\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08<\/h3>\n              <p class=\"text-sm text-gray-600 mt-1\">\u0e40\u0e25\u0e02\u0e04\u0e33\u0e02\u0e2d: <span id=\"successJr\" class=\"font-mono font-bold text-gray-900\">-<\/span><\/p>\n            <\/div>\n          <\/div>\n          <div class=\"mt-6 flex gap-2 justify-end\">\n            <button id=\"successCloseBtn\" class=\"px-4 py-2 rounded-xl bg-gray-100 hover:bg-gray-200 font-semibold\">\u0e1b\u0e34\u0e14<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <script>\n        (function () {\n          const AJAX_URL = \"https:\\\/\\\/workcrane.co.th\\\/wp-admin\\\/admin-ajax.php\";\n          const formEl = document.getElementById(\"craneForm\");\n          const locationInput = document.getElementById(\"locationInput\");\n          const startDate = document.getElementById(\"f_startdate\");\n          const endDate = document.getElementById(\"f_enddate\");\n          const requestIdEl = document.getElementById(\"requestId\");\n\n          const pad = (n) => String(n).padStart(2, \"0\");\n          const today = new Date();\n          const todayStr = `${today.getFullYear()}-${pad(today.getMonth() + 1)}-${pad(today.getDate())}`;\n\n          startDate.min = todayStr;\n          endDate.min = todayStr;\n\n          startDate.addEventListener(\"change\", function () {\n            if (this.value) endDate.min = this.value;\n            if (endDate.value && endDate.value < this.value) endDate.value = this.value;\n          });\n\n          function generateTempId() {\n            const now = new Date();\n            const date = `${now.getFullYear()}${pad(now.getMonth() + 1)}${pad(now.getDate())}`;\n            const time = `${pad(now.getHours())}${pad(now.getMinutes())}${pad(now.getSeconds())}`;\n            return `TMP-${date}-${time}`;\n          }\n\n          function showSuccessPopup(jr) {\n            const pop = document.getElementById(\"successPopup\");\n            const jrEl = document.getElementById(\"successJr\");\n            const closeBtn = document.getElementById(\"successCloseBtn\");\n\n            jrEl.textContent = jr || \"-\";\n            pop.classList.remove(\"hidden\");\n            pop.classList.add(\"flex\");\n\n            const close = () => {\n              pop.classList.add(\"hidden\");\n              pop.classList.remove(\"flex\");\n            };\n\n            closeBtn.onclick = close;\n            pop.onclick = (e) => { if (e.target === pop) close(); };\n          }\n\n          requestIdEl.textContent = generateTempId();\n\n          formEl.addEventListener(\"submit\", async (e) => {\n            e.preventDefault();\n\n            const payload = new URLSearchParams();\n            payload.append(\"action\", \"submit_crane_request\");\n            payload.append(\"name\", document.getElementById(\"f_name\").value.trim());\n            payload.append(\"phone\", document.getElementById(\"f_phone\").value.trim());\n            payload.append(\"company\", document.getElementById(\"f_company\").value.trim());\n            payload.append(\"contact\", document.getElementById(\"f_contact\").value.trim());\n            payload.append(\"recorded_by\", \"\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\");\n            payload.append(\"location\", locationInput.value.trim());\n            payload.append(\"startdate\", startDate.value);\n            payload.append(\"enddate\", endDate.value);\n            payload.append(\"notes\", document.getElementById(\"f_notes\").value.trim());\n            payload.append(\"status\", \"\u0e23\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\");\n\n            if (!payload.get(\"name\") || !payload.get(\"phone\") || !payload.get(\"location\") || !payload.get(\"startdate\") || !payload.get(\"enddate\")) {\n              alert(\"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a (\u0e0a\u0e37\u0e48\u0e2d \/ \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23 \/ \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48 \/ \u0e08\u0e32\u0e01\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \/ \u0e16\u0e36\u0e07\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48)\");\n              return;\n            }\n\n            if (payload.get(\"enddate\") < payload.get(\"startdate\")) {\n              alert(\"\u0e16\u0e36\u0e07\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \u0e15\u0e49\u0e2d\u0e07\u0e44\u0e21\u0e48\u0e19\u0e49\u0e2d\u0e22\u0e01\u0e27\u0e48\u0e32 \u0e08\u0e32\u0e01\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\");\n              return;\n            }\n\n            const submitBtn = formEl.querySelector('button[type=\"submit\"]');\n\n            try {\n              submitBtn.disabled = true;\n              submitBtn.style.opacity = \"0.6\";\n              submitBtn.innerHTML = \"<span>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e48\u0e07...<\/span>\";\n\n              const res = await fetch(AJAX_URL, {\n                method: \"POST\",\n                headers: { \"Content-Type\": \"application\/x-www-form-urlencoded; charset=UTF-8\" },\n                body: payload.toString(),\n              });\n\n              const data = await res.json();\n\n              if (!data.success) {\n                alert(data.data?.message || \"\u0e2a\u0e48\u0e07\u0e44\u0e21\u0e48\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\");\n                return;\n              }\n\n              const jr = data.data?.jr || \"-\";\n              showSuccessPopup(jr);\n              formEl.reset();\n              startDate.min = todayStr;\n              endDate.min = todayStr;\n              requestIdEl.textContent = generateTempId();\n            } catch (err) {\n              alert(\"\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\");\n            } finally {\n              submitBtn.disabled = false;\n              submitBtn.style.opacity = \"1\";\n              submitBtn.innerHTML = '\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32 <span class=\"material-symbols-outlined font-bold\">arrow_forward<\/span>';\n            }\n          });\n        })();\n      <\/script>\n    <\/div>\n    \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":"","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-301","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/comments?post=301"}],"version-history":[{"count":44,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/301\/revisions"}],"predecessor-version":[{"id":1436,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/301\/revisions\/1436"}],"wp:attachment":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}