{"id":460,"date":"2026-02-09T17:43:45","date_gmt":"2026-02-09T10:43:45","guid":{"rendered":"https:\/\/workcrane.co.th\/?page_id=460"},"modified":"2026-04-05T02:35:39","modified_gmt":"2026-04-04T19:35:39","slug":"admin-login","status":"publish","type":"page","link":"https:\/\/workcrane.co.th\/index.php\/admin-login\/","title":{"rendered":"Admin Login"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"460\" class=\"elementor elementor-460\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1bb930 e-con-full e-flex e-con e-parent\" data-id=\"c1bb930\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cc3bce elementor-widget elementor-widget-html\" data-id=\"0cc3bce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"wcms-wrap\" style=\"min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px;\">\n  <div style=\"width:100%;max-width:420px;\">\n    <!-- Logo -->\n    <div style=\"text-align:center;margin-bottom:24px;\">\n      <div style=\"font-weight:800;font-size:40px;letter-spacing:-1px;\">\n        W<span style=\"color:#f2f20d;\">C<\/span>MS\n      <\/div>\n      <div style=\"height:4px;width:56px;background:#f2f20d;margin:6px auto 0;\"><\/div>\n      <div style=\"font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#6b7280;margin-top:10px;\">\n        Work Crane Machinery and Service\n      <\/div>\n    <\/div>\n    <!-- Card -->\n    <div id=\"wcmsCard\" style=\"background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:28px;box-shadow:0 18px 60px rgba(0,0,0,.12);\">\n      <div style=\"margin-bottom:18px;\">\n        <div id=\"wcmsTitle\" style=\"font-size:22px;font-weight:700;color:#111827;margin-bottom:6px;\">\n          \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e1c\u0e39\u0e49\u0e14\u0e39\u0e41\u0e25\u0e23\u0e30\u0e1a\u0e1a\n        <\/div>\n        <div id=\"wcmsSub\" style=\"font-size:13px;color:#6b7280;\">\n          \u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e02\u0e49\u0e32\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e25\u0e31\u0e07\u0e1a\u0e49\u0e32\u0e19\n        <\/div>\n      <\/div>\n      <!-- FORM -->\n      <form method=\"post\">\n        <input type=\"hidden\" id=\"wcms_login_nonce\" name=\"wcms_login_nonce\" value=\"b7cf7bcf8b\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/460\" \/><input type=\"hidden\" name=\"wcms_login_submit\" value=\"1\">\n        <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/workcrane.co.th\/index.php\/dashboard-admin\/\">\n        <!-- username -->\n        <div style=\"margin-top:14px;\">\n          <label style=\"display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px;\">\n            \u0e2d\u0e35\u0e40\u0e21\u0e25\u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\n          <\/label>\n          <div style=\"position:relative;\">\n            <span style=\"position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.55;\">\ud83d\udc64<\/span>\n            <input\n              name=\"identity\"\n              type=\"text\"\n              required\n              autocomplete=\"username\"\n              style=\"width:100%;padding:12px 14px 12px 40px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;\"\n              placeholder=\"email \u0e2b\u0e23\u0e37\u0e2d username\"\n            \/>\n          <\/div>\n        <\/div>\n        <!-- password -->\n        <div style=\"margin-top:14px;\">\n          <label style=\"display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px;\">\n            \u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19\n          <\/label>\n          <div style=\"position:relative;\">\n            <span style=\"position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.55;\">\ud83d\udd12<\/span>\n            <input\n              id=\"password\"\n              name=\"password\"\n              type=\"password\"\n              required\n              autocomplete=\"current-password\"\n              style=\"width:100%;padding:12px 44px 12px 40px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;\"\n              placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\"\n            \/>\n            <button\n              id=\"wcmsTogglePass\"\n              type=\"button\"\n              style=\"position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;\"\n            >\ud83d\udc41\ufe0f<\/button>\n          <\/div>\n        <\/div>\n        <!-- remember -->\n        <div style=\"margin-top:14px;\">\n          <label style=\"font-size:13px;color:#4b5563;\">\n            <input type=\"checkbox\" name=\"rememberme\" value=\"1\" \/>\n            \u0e08\u0e14\u0e08\u0e33\u0e09\u0e31\u0e19\n          <\/label>\n        <\/div>\n        <!-- submit -->\n        <button\n          type=\"submit\"\n          style=\"margin-top:18px;width:100%;background:#f2f20d;color:#000;font-weight:800;border:0;border-radius:12px;padding:12px;cursor:pointer;\"\n        >\n          \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\n        <\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/div>\n<!-- SweetAlert2 -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n<script>\n(function () {\n  \/\/ ---------- Dark mode ----------\n  var root = document.documentElement;\n  var themeKey = \"wcms_theme\";\n  var btnTheme = document.getElementById(\"wcmsThemeToggle\");\n  var card = document.getElementById(\"wcmsCard\");\n  var title = document.getElementById(\"wcmsTitle\");\n  var sub = document.getElementById(\"wcmsSub\");\n  function applyTheme() {\n    var dark = root.classList.contains(\"dark\");\n    if (card) {\n      card.style.background = dark ? \"#111827\" : \"#fff\";\n      card.style.borderColor = dark ? \"#374151\" : \"#eef2f7\";\n      card.style.boxShadow = dark ? \"0 18px 60px rgba(0,0,0,.45)\" : \"0 18px 60px rgba(0,0,0,.12)\";\n    }\n    if (title) title.style.color = dark ? \"#f3f4f6\" : \"#111827\";\n    if (sub) sub.style.color = dark ? \"#9ca3af\" : \"#6b7280\";\n    if (btnTheme) {\n      btnTheme.style.background = dark ? \"#111827\" : \"#fff\";\n      btnTheme.style.borderColor = dark ? \"#374151\" : \"#e5e7eb\";\n      btnTheme.style.color = dark ? \"#f3f4f6\" : \"#111827\";\n    }\n  }\n  if (localStorage.getItem(themeKey) === \"dark\") {\n    root.classList.add(\"dark\");\n  }\n  applyTheme();\n  if (btnTheme) {\n    btnTheme.addEventListener(\"click\", function () {\n      root.classList.toggle(\"dark\");\n      localStorage.setItem(themeKey, root.classList.contains(\"dark\") ? \"dark\" : \"light\");\n      applyTheme();\n    });\n  }\n  \/\/ ---------- Toggle password ----------\n  var btnPass = document.getElementById(\"wcmsTogglePass\");\n  var inputPass = document.getElementById(\"password\");\n  if (btnPass && inputPass) {\n    btnPass.addEventListener(\"click\", function () {\n      var show = inputPass.type === \"password\";\n      inputPass.type = show ? \"text\" : \"password\";\n      btnPass.textContent = show ? \"\ud83d\ude48\" : \"\ud83d\udc41\ufe0f\";\n    });\n  }\n  \/\/ ---------- Popup login state ----------\n  function popup(cfg) {\n    if (window.Swal) {\n      Swal.fire({\n        icon: cfg.icon,\n        title: cfg.title,\n        text: cfg.text,\n        confirmButtonText: \"\u0e15\u0e01\u0e25\u0e07\",\n        confirmButtonColor: \"#111827\"\n      });\n    } else {\n      alert(cfg.title + \"\\n\" + cfg.text);\n    }\n  }\n  function runLoginPopup() {\n    var qs = new URLSearchParams(window.location.search);\n    var loginState = qs.get(\"login\");\n    if (!loginState) return;\n    var map = {\n      fail: {\n        icon: \"error\",\n        title: \"\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\",\n        text: \"\u0e2d\u0e35\u0e40\u0e21\u0e25\/\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49 \u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19\u0e44\u0e21\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\"\n      },\n      empty: {\n        icon: \"warning\",\n        title: \"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e21\u0e48\u0e04\u0e23\u0e1a\",\n        text: \"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\"\n      },\n      locked: {\n        icon: \"error\",\n        title: \"\u0e16\u0e39\u0e01\u0e25\u0e47\u0e2d\u0e01\u0e0a\u0e31\u0e48\u0e27\u0e04\u0e23\u0e32\u0e27\",\n        text: \"\u0e1e\u0e22\u0e32\u0e22\u0e32\u0e21\u0e21\u0e32\u0e01\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e20\u0e32\u0e22\u0e2b\u0e25\u0e31\u0e07\"\n      }\n    };\n    if (!map[loginState]) return;\n    popup(map[loginState]);\n    \/\/ \u0e25\u0e1a query \u0e2d\u0e2d\u0e01\u0e2b\u0e25\u0e31\u0e07 popup\n    var clean = window.location.origin + window.location.pathname;\n    window.history.replaceState({}, document.title, clean);\n  }\n  \/\/ \u0e23\u0e2d\u0e08\u0e19 Swal \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e08\u0e23\u0e34\u0e07\n  function boot(retry) {\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", function () { boot(0); }, { once: true });\n      return;\n    }\n    if (window.Swal || retry >= 30) {\n      runLoginPopup();\n      return;\n    }\n    setTimeout(function () { boot(retry + 1); }, 100);\n  }\n  boot(0);\n})();\n<\/script>\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>WCMS Work Crane Mach [&hellip;]<\/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-460","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/460","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=460"}],"version-history":[{"count":76,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/460\/revisions"}],"predecessor-version":[{"id":1808,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/460\/revisions\/1808"}],"wp:attachment":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}