{"id":911,"date":"2025-11-06T14:17:09","date_gmt":"2025-11-06T05:17:09","guid":{"rendered":"https:\/\/www.hulinks.co.jp\/en\/?page_id=911"},"modified":"2025-12-10T17:17:36","modified_gmt":"2025-12-10T08:17:36","slug":"creditcard-payment","status":"publish","type":"page","link":"https:\/\/www.hulinks.co.jp\/en\/tfcalc\/creditcard-payment\/","title":{"rendered":"Credit Card Payment"},"content":{"rendered":"\n<h1 class=\"wp-block-heading is-style-nostyle\">Credit Card Payment<\/h1>\n\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue@3\/dist\/vue.global.prod.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/axios@0.12.0\/dist\/axios.min.js\"><\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/www.hulinks.co.jp\/wp-content\/themes\/liquid-corporate\/js\/custom\/card-payment-consts.js\"><\/script>\n<style>[v-cloak] { display: none; }<\/style>\n<style>\n      body {\n        margin-right: auto;\n        margin-left: auto;\n      }\n<\/style>\n\n\n\n<h2 class=\"wp-block-heading is-style-bottomline\">TFCalc Credit Card Payment<\/h2>\n\n\n\n<div id=\"payment\" v-cloak>\n  <template v-if=\"IsPublic\">\n  <div class=\"container\">\n    <div class=\"fs-6 p-4 pt-0\">\nPlease fill in our quotation No. (EU\/RH-XXXXXX) and the amount we quoted.<br\/>\nYou order will proceed after we confirm the payment.\n    <\/div>\n    <div class=\"row justify-content-center\">\n      <div class=\"col col-md-2 p-1 fs-6\">Name<\/div>\n      <div class=\"col col-md-3 p-1 fs-6\"><input type=\"text\" class=\"w-100 border\" id=\"Name\" v-model=\"Name\" required tabindex=\"1\" ><\/div>\n      <div class=\"col col-md-3 p-1 ps-5 fs-6\">CARD No.<\/div>\n      <div class=\"col col-md-3 p-1 fs-6\"><input type=\"text\" class=\"w-100 border\" id=\"card-no\" name=\"card-no\" autocomplete=\"off\" v-model=\"CC_no\" tabindex=\"5\" required><\/div>\n    <\/div>\n    <div class=\"row justify-content-center\">\n      <div class=\"col col-md-2 p-1 fs-6\">Email Address<\/div>\n      <div class=\"col col-md-3 p-1 fs-6\"><input type=\"email\" class=\"w-100 border\" v-model=\"EMail\" required tabindex=\"2\"><\/div>\n      <div class=\"col col-md-3 p-1 ps-5 fs-6\">CARD Exp.<\/div>\n      <div class=\"col col-md-3 p-1 fs-6\">\n        <div class=\"row m-0 p-0\">\n          <div class=\"col-md-4 m-0 p-0 fs-6\">\n            <select class=\"form-select m-0 p-0 ps-2\" v-model=\"CC_exp_mm\" tabindex=\"6\" required>\n              <option selected disabled value=\"\"><font class=\"fs-\">MM<\/font><\/option>\n              <option value=\"01\">01<\/option>\n              <option value=\"02\">02<\/option>\n              <option value=\"03\">03<\/option>\n              <option value=\"04\">04<\/option>\n              <option value=\"05\">05<\/option>\n              <option value=\"06\">06<\/option>\n              <option value=\"07\">07<\/option>\n              <option value=\"08\">08<\/option>\n              <option value=\"09\">09<\/option>\n              <option value=\"10\">10<\/option>\n              <option value=\"11\">11<\/option>\n              <option value=\"12\">12<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"col-md-1 m-0 p-0 fs-6 text-center\">\/<\/div>\n          <div class=\"col-md-4 m-0 p-0 fs-6\">\n            <select class=\"form-select m-0 p-0 ps-2\" v-model=\"CC_exp_yy\" tabindex=\"7\" required>\n              <option selected disabled value=\"\">YY<\/option>\n              <option v-for=\"exp_year in ExpYears\" :value=\"exp_year\">[[exp_year]]<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"row justify-content-center\">\n      <div class=\"col col-md-2 p-1 fs-6\">Quotation Number<\/div>\n      <div class=\"col col-md-3 p-1 fs-6\"><input type=\"text\" class=\"w-100 border\" v-model=\"Quote\" tabindex=\"3\"><\/div>\n      <div class=\"col col-md-3 p-1 ps-5 fs-6\">Security Code<\/div>\n      <div class=\"col col-md-3 p-1 fs-6\"><input type=\"text\" class=\"w-25 border\" id=\"security-code\" name=\"security-code\" autocomplete=\"off\" tabindex=\"8\" inputmode=\"numeric\" pattern=\"[0-9]{3,4}\" v-model=\"CC_sc\"><\/div>\n    <\/div>\n    <div class=\"row justify-content-center\">\n      <div class=\"col col-md-2 p-1 fs-6\">Amount<\/div>\n      <div class=\"col col-md-3 p-1 fs-6\">$ <input type=\"text\" class=\" border\" autocomplete=\"off\" v-model=\"Amount\" v-on:input=\"filterAmount\" style=\"text-align:right\" size=\"4\" tabindex=\"4\">.00 USD<\/div>\n      <div class=\"col col-md-3 p-1 ps-5 fs-6\">CARD HolderName<\/div>\n      <div class=\"col col-md-3 p-1 fs-6\"><input type=\"text\" class=\"w-100 border\" id=\"card-holdername\" name=\"card-holdername\" autocomplete=\"off\" v-model=\"CC_name\" tabindex=\"9\"><\/div>\n    <\/div>\n    \n    <div class=\"p-1 text-center\" style=\"width:100%;\" v-if=\"EMsg\">\n      <div class=\"alert alert-danger\" role=\"alert\">\n        <span class=\"alert-heading fs-5\">[[EMsg]]<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"p-4 text-center\" style=\"width:100%;\">\n      <button type=\"button\" class=\"btn btn-outline-primary\" tabindex=\"10\" v-on:click=\"onClickSubmit()\">Submit Payment<\/button>\n    <\/div>\n    <div class=\"fs-6 fw-bold\">\n      <span style=\"color: #a00000;\">*Payment by credit card requires registration for identity authentication service (3D Secure 2.0) at the card issuer.<\/span>\n    <\/div>\n  <\/div>\n  <\/template>\n  <template v-else>\n    <div class=\"text-center fs-4 fw-bold\" style=\"width:100%;\">\n      <span style=\"\">This page is currently under development.<\/span>\n    <\/div>\n  <\/template>\n<\/div>\n<script type=\"text\/javascript\" src=\"https:\/\/www.hulinks.co.jp\/wp-content\/themes\/liquid-corporate\/js\/custom\/card-payment-main.js\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>Credit Card Payment TFCalc Credit Card Payment Please fill in our quotation No. (EU\/RH-XXXXXX) and the amount we quoted. You order will proceed after we confirm the payment. Name CARD No. Email Address CARD Exp. MM010203040506070809101112 \/ YY[[exp_year]] Quotation Number Security Code Amount $ .00 USD CARD HolderName [[EMsg]] Submit Payment *Payment by credit card&#8230;<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":61,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"liquid.php","meta":{"footnotes":""},"tags":[3],"class_list":["post-911","page","type-page","status-publish","hentry","tag-hidden"],"_links":{"self":[{"href":"https:\/\/www.hulinks.co.jp\/en\/wp-json\/wp\/v2\/pages\/911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hulinks.co.jp\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hulinks.co.jp\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hulinks.co.jp\/en\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hulinks.co.jp\/en\/wp-json\/wp\/v2\/comments?post=911"}],"version-history":[{"count":14,"href":"https:\/\/www.hulinks.co.jp\/en\/wp-json\/wp\/v2\/pages\/911\/revisions"}],"predecessor-version":[{"id":943,"href":"https:\/\/www.hulinks.co.jp\/en\/wp-json\/wp\/v2\/pages\/911\/revisions\/943"}],"up":[{"embeddable":true,"href":"https:\/\/www.hulinks.co.jp\/en\/wp-json\/wp\/v2\/pages\/61"}],"wp:attachment":[{"href":"https:\/\/www.hulinks.co.jp\/en\/wp-json\/wp\/v2\/media?parent=911"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hulinks.co.jp\/en\/wp-json\/wp\/v2\/tags?post=911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}