{"id":30,"date":"2026-01-04T12:02:37","date_gmt":"2026-01-04T12:02:37","guid":{"rendered":"https:\/\/khaochalakhub.com\/?page_id=30"},"modified":"2026-01-04T12:19:41","modified_gmt":"2026-01-04T12:19:41","slug":"pay-visitor","status":"publish","type":"page","link":"https:\/\/khaochalakhub.com\/index.php\/pay-visitor\/","title":{"rendered":"Pay-visitor"},"content":{"rendered":"\n<!-- KC. Hub Visitor Payment Page (\/pay-visitor) -->\n<div class=\"kc-payment-page\">\n  <div class=\"kc-header-simple\">\n    <a href=\"\/park\" class=\"back-link\">\u2190 \u0e01\u0e25\u0e31\u0e1a<\/a>\n    <h2>\u0e0a\u0e33\u0e23\u0e30\u0e04\u0e48\u0e32\u0e08\u0e2d\u0e14\u0e23\u0e16<\/h2>\n  <\/div>\n\n  <div class=\"payment-card\">\n    <div class=\"amount-display\">\n      <span class=\"label\">\u0e22\u0e2d\u0e14\u0e0a\u0e33\u0e23\u0e30<\/span>\n      <span class=\"value\">20.00<\/span>\n      <span class=\"currency\">THB<\/span>\n    <\/div>\n\n    <div class=\"qr-section\">\n      <p class=\"scan-label\">\u0e2a\u0e41\u0e01\u0e19 QR PromptPay<\/p>\n      <!-- \u0e43\u0e2a\u0e48\u0e23\u0e39\u0e1b QR Code \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 -->\n      <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d0\/QR_code_for_mobile_English_Wikipedia.svg\" alt=\"PromptPay QR\" class=\"qr-image\">\n      <p class=\"account-name\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e0b\u0e35 \u0e2e\u0e31\u0e1a \u0e08\u0e33\u0e01\u0e31\u0e14<\/p>\n    <\/div>\n\n    <div class=\"form-section\">\n      <p class=\"form-instruction\">\u0e41\u0e19\u0e1a\u0e2a\u0e25\u0e34\u0e1b\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19<\/p>\n      <!-- Shortcode \u0e02\u0e2d\u0e07 Seed Confirm Pro (\u0e41\u0e01\u0e49\u0e44\u0e02 ID \u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07) -->\n      <div class=\"sc-message sc-message-success\" style=\"display: none; background-color:#57AD68;\"><\/div><div class=\"sc-message sc-message-error\" style=\"display: none;\"><\/div><form class=\"woocommerce sc-form _h \"><input type=\"hidden\" name=\"rest_nonce\" value=\"d07d33d8c9\"><div class=\"sc-flex\"><div class=\"sc-col sc-name\"><label for=\"seed_confirm_name\">Name<span>*<\/span><\/label><input class=\"input-text sc-input\" name=\"seed_confirm_name\" type=\"text\" value=\"\" data-required=\"true\" required data-massage=\"Required Name.\"><\/div><div class=\"sc-col sc-mobile\"><label for=\"sc-contact\">Mobile Phone<span>*<\/span><\/label><input class=\"input-text sc-input\" name=\"seed_confirm_contact\" type=\"tel\" pattern=\"\\d*\" maxlength=\"10\" value=\"\" data-required=\"true\" required><\/div><div class=\"sc-full sc-email\"><label for=\"sc-email\">Email<span>*<\/span><\/label><input class=\"input-text sc-input\" name=\"seed_confirm_email\" type=\"email\" value=\"\" data-required=\"true\" required data-massage=\"Required Email.\"><\/div><div class=\"sc-col sc-order\"><label for=\"sc-order\">Order No.<span>*<\/span><\/label><input type=\"text\" class=\"input-text sc-order-id sc-input\" name=\"seed_confirm_order\" value=\"\" data-required=\"true\" required data-massage=\"Required Order No.\"><\/div><div class=\"sc-col sc-amount\"><label for=\"sc-amount\">Amount<span>*<\/span><\/label><input type=\"number\" step=\".01\" class=\"input-text sc-order-total sc-input\" name=\"seed_confirm_amount\" value=\"\" data-required=\"true\" required data-massage=\"Required Amount.\"><\/div><div class=\"sc-full sc-banks bank-error-dialog\"><\/div><div class=\"sc-full sc-slip\"><label>Payment Slip<span>*<\/span><\/label><input type=\"file\" class=\"input-text sc-file\" name=\"seed_confirm_slip\"\" data-required=\"true\" required onchange=\"loadFile(event)\" data-massage=\"Required Payment Slip.\"><img id=\"file\" class=\"hide\" \/><script>var loadFile = function(event) {\n        var file = document.getElementById(\"file\");\n        file.src = URL.createObjectURL(event.target.files[0]);\n        file.onload = function() {URL.revokeObjectURL(file.src)};\n        file.classList.remove(\"hide\");\n        }<\/script><\/div><\/div><br \/><button type=\"submit\" class=\"button alt sc-submit-form\">Submit Payment Detail<\/button><\/form><div class=\"sc-loading\" style=\"display: none;\"><svg version=\"1.1\" id=\"loader-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" enable-background=\"new 0 0 40 40\" xml:space=\"preserve\"><path opacity=\"0.2\" fill=\"#000\" d=\"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n        \t\t\ts14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n        \t\t\tc0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z\"\/>\n        \t\t<path opacity=\"0.8\" fill=\"#000\" d=\"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n        \t\t\tC22.32,8.481,24.301,9.057,26.013,10.047z\">\n        \t\t\t<animateTransform attributeType=\"xml\" attributeName=\"transform\" type=\"rotate\" from=\"0 20 20\" to=\"360 20 20\" dur=\"0.8s\" repeatCount=\"indefinite\"\/>\n        \t\t<\/path><\/svg><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  body { margin: 0; padding: 0; font-family: 'Kanit', sans-serif; background: #f5f5f4; color: #1c1917; }\n  \n  .kc-payment-page {\n    max-width: 450px; margin: 0 auto; min-height: 100vh; background: white;\n    box-shadow: 0 0 20px rgba(0,0,0,0.05); display: flex; flex-direction: column;\n  }\n\n  .kc-header-simple {\n    padding: 20px; background: white; border-bottom: 1px solid #e7e5e4;\n    display: flex; align-items: center; position: sticky; top: 0; z-index: 10;\n  }\n  .back-link { text-decoration: none; color: #57534e; font-weight: 500; font-size: 14px; margin-right: 15px; }\n  .kc-header-simple h2 { margin: 0; font-size: 18px; font-weight: 600; flex: 1; text-align: center; padding-right: 40px; }\n\n  .payment-card { padding: 30px 20px; }\n\n  .amount-display {\n    text-align: center; margin-bottom: 30px;\n    background: #fcfAf8; padding: 20px; border-radius: 16px; border: 1px solid #fed7aa;\n  }\n  .amount-display .label { display: block; font-size: 12px; color: #78716c; margin-bottom: 5px; }\n  .amount-display .value { font-size: 42px; font-weight: 800; color: #ea580c; line-height: 1; }\n  .amount-display .currency { font-size: 14px; color: #ea580c; font-weight: 600; }\n\n  .qr-section { text-align: center; margin-bottom: 30px; }\n  .scan-label { font-size: 14px; color: #57534e; margin-bottom: 15px; font-weight: 500; }\n  .qr-image { width: 200px; height: 200px; border-radius: 12px; border: 1px solid #e7e5e4; padding: 10px; }\n  .account-name { font-size: 14px; font-weight: 600; margin-top: 10px; color: #1c1917; }\n\n  .form-section { background: #fafaf9; padding: 20px; border-radius: 16px; }\n  .form-instruction { margin: 0 0 15px; font-size: 14px; font-weight: 600; color: #44403c; }\n\n  \/* \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07 Style \u0e02\u0e2d\u0e07 Seed Confirm \u0e43\u0e2b\u0e49\u0e2a\u0e27\u0e22\u0e02\u0e36\u0e49\u0e19 (Override Plugin CSS) *\/\n  .seed-confirm-form input[type=\"text\"], \n  .seed-confirm-form input[type=\"tel\"],\n  .seed-confirm-form select {\n    width: 100%; padding: 12px; border: 1px solid #d6d3d1; border-radius: 8px;\n    margin-bottom: 15px; font-family: 'Kanit', sans-serif;\n  }\n  .seed-confirm-form button, .seed-confirm-form input[type=\"submit\"] {\n    width: 100%; background: #ea580c; color: white; border: none; padding: 14px;\n    border-radius: 8px; font-weight: bold; font-size: 16px; cursor: pointer;\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u2190 \u0e01\u0e25\u0e31\u0e1a \u0e0a\u0e33\u0e23\u0e30\u0e04\u0e48\u0e32\u0e08\u0e2d\u0e14\u0e23\u0e16 \u0e22\u0e2d\u0e14\u0e0a\u0e33\u0e23\u0e30 20.00 THB \u0e2a\u0e41\u0e01\u0e19 QR PromptPay \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e0b\u0e35 \u0e2e\u0e31\u0e1a \u0e08\u0e33\u0e01\u0e31\u0e14 \u0e41\u0e19\u0e1a\u0e2a\u0e25\u0e34\u0e1b\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":2,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}