{"id":645,"date":"2026-03-11T00:41:19","date_gmt":"2026-03-10T17:41:19","guid":{"rendered":"https:\/\/www.commsci.psu.ac.th\/commcraft\/?page_id=645"},"modified":"2026-03-19T15:35:20","modified_gmt":"2026-03-19T08:35:20","slug":"confirm-payment","status":"publish","type":"page","link":"https:\/\/www.commsci.psu.ac.th\/commcraft\/?page_id=645","title":{"rendered":"Confirm Payment (Seed Confirm)"},"content":{"rendered":"\n<div class=\"row\"  id=\"row-1385222415\">\n\n\n\t<div id=\"col-941644494\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 style=\"text-align: center;\">\u0e41\u0e08\u0e49\u0e07\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19<\/h2>\n<p style=\"text-align: center;\">\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\u0e41\u0e25\u0e49\u0e27 \u0e43\u0e2b\u0e49\u0e17\u0e33\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e41\u0e19\u0e1a\u0e2a\u0e25\u0e34\u0e1b\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\n<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-976212648\">\n\n\n\t<div id=\"col-1915399961\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n    <style>\n      :root {\n        --es-bg-error: #e56a6a;\n        --es-bg-success: #57ad68;\n        --es-accent: var(--s-color-1, var(--primary-color, #004999));\n        --es-bg: #fff;\n        --es-bg-disabled: #f5f5f7;\n        --es-border: #c5c5c7;\n        --es-text: #333;\n        --es-text-error: #c00;\n        --es-text-success: #57ad68;\n        --es-round: 3px;\n      }\n\n      .es-success {\n        background-color: var(--es-bg-success);\n        margin-bottom: 20px;\n      }\n\n      .es-form {\n        border: 1px solid var(--es-border);\n        padding: 20px 30px;\n      }\n\n      .es-form * {\n        box-sizing: border-box;\n        line-height: 1.6;\n      }\n\n      .es-input {\n        border: 1px solid var(--es-border);\n        background-color: var(--es-bg);\n        font-size: 16px;\n        padding: 4px 6px 5px;\n        width: 100%;\n        min-height: 38px;\n        border-radius: var(--es-round);\n      }\n\n      .es-button {\n        background-color: var(--es-accent);\n        color: #fff;\n        padding: 0.6em 2em;\n        border: none;\n        font-size: 1.125em;\n        border-radius: var(--es-round);\n        margin-bottom: 6px;\n        line-height: 1.3;\n        cursor: pointer;\n      }\n\n      .es-form label {\n        margin-bottom: 5px;\n      }\n\n      .es-form label span:only-child {\n        color: var(--es-text-error);\n        margin-left: 5px;\n      }\n\n      .es-col {\n        display: flex;\n        flex-direction: column;\n        margin-bottom: 20px;\n      }\n\n      .es-bank-container {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n        margin-bottom: 20px;\n      }\n\n      .es-bank-row {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        border: 2px solid var(--es-border);\n        border-radius: var(--es-round);\n        padding: 10px;\n      }\n\n      .es-bank-row.active {\n        border-color: #004999; \n      }\n\n      .es-bank-info {\n        display: flex;\n        flex-direction: column;\n      }\n\n      .es-bank-info span {\n        line-height: 1.4;\n      }\n\n      .es-bank-info-row span {\n        display: inline-block;\n        min-width: 140px;\n      }\n\n      @media screen and (max-width: 480px) {\n        .es-bank-row img {\n          max-width: 50px;\n        }\n\n        span.es-bank-name-col {\n          display: none;\n        }\n\n        .es-bank-row {\n          gap: 10px;\n        }\n      }\n    <\/style>\n\n    \n    <form id=\"easyslip-form\" class=\"es-form\" action=\"\" method=\"post\" enctype=\"multipart\/form-data\">\n              <div class=\"es-col\">\n          <label for=\"order_id\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d<span>*<\/span><\/label>\n          <input type=\"text\" name=\"order_id\" class=\"es-input\" required>\n        <\/div>\n            <div class=\"es-bank-container radio-group\">\n        <label for=\"bank_id\">Bank Transfer<span>*<\/span><\/label>\n                  <label class=\"es-bank-row\">\n            <input type=\"radio\" name=\"bank_id\" value=\"0\" required \/>\n            <img decoding=\"async\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/plugins\/easyslip-main\/services\/..\/public\/images\/none.webp\" width=\"70\" \/>\n            <div class=\"es-bank-info\">\n              <div class=\"es-bank-info-row\">\n                <span class=\"es-bank-nam es-bank-name-col\">Bank Name<\/span>\n                <span class=\"es-bank-name\">\u0e44\u0e17\u0e22\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c (\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e2d\u0e2d\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c)<\/span>\n              <\/div>\n              <div class=\"es-bank-info-row\">\n                <span class=\"es-bank-name es-bank-name-col\">Account No.<\/span>\n                <span class=\"es-bank-name\">704-265490-6<\/span>\n              <\/div>\n              <div class=\"es-bank-info-row\">\n                <span class=\"es-bank-name es-bank-name-col\">Account Name<\/span>\n                <span class=\"es-bank-name\">\u0e04\u0e13\u0e30\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23 \u0e2a\u0e32\u0e02\u0e32\u0e2a\u0e07\u0e02\u0e25\u0e32\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c (\u0e1b\u0e31\u0e15\u0e15\u0e32\u0e19\u0e35)<\/span>\n              <\/div>\n            <\/div>\n          <\/label>\n              <\/div>\n      <div class=\"es-col\">\n        <label for=\"order_slip\">\u0e2a\u0e25\u0e34\u0e1b\u0e08\u0e48\u0e32\u0e22\u0e40\u0e07\u0e34\u0e19<span>*<\/span><\/label>\n        <input type=\"file\" name=\"order_slip\" id=\"order_slip\" class=\"es-input\" accept=\"image\/*\" required>\n      <\/div>\n      <input type=\"hidden\" id=\"order_form_nonce\" name=\"order_form_nonce\" value=\"7075958d28\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/commcraft\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F645\" \/>      <button type=\"submit\" class=\"es-button\">\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19<\/button>\n    <\/form>\n\n    <script>\n      var esBankRows = document.querySelectorAll('.es-bank-row');\n\n      esBankRows.forEach(function (esBankRow) {\n        var radioInput = esBankRow.querySelector('input[type=\"radio\"]');\n\n        radioInput.addEventListener('change', function () {\n          esBankRows.forEach(function (row) {\n            row.classList.remove('active');\n          });\n\n          if (radioInput.checked) {\n            esBankRow.classList.add('active');\n          }\n        });\n      });\n    <\/script>\n\n    \n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1409783063\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>\u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23<\/h2>\n<p style=\"text-align: left\">\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e01\u0e14\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27\n\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e41\u0e08\u0e49\u0e07\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e41\u0e19\u0e1a\u0e2a\u0e25\u0e34\u0e1b\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19<\/p>\n<strong>1. \u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e32\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/strong><br>\n<strong>2. \u0e23\u0e30\u0e1a\u0e38\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d<\/strong><br>\n<strong>*\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e0a\u0e47\u0e04\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e19\u0e2d\u0e35\u0e40\u0e21\u0e25<\/strong><br>\n<strong>3. \u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e41\u0e08\u0e49\u0e07\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\u0e41\u0e25\u0e30\u0e41\u0e19\u0e1a\u0e2a\u0e25\u0e34\u0e1b<\/strong><br>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-645","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/pages\/645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=645"}],"version-history":[{"count":19,"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/pages\/645\/revisions"}],"predecessor-version":[{"id":751,"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/pages\/645\/revisions\/751"}],"wp:attachment":[{"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}