{"id":167949,"date":"2026-02-02T15:01:58","date_gmt":"2026-02-02T05:01:58","guid":{"rendered":"https:\/\/staging.occominternet.com\/?page_id=167949"},"modified":"2026-05-20T18:05:06","modified_gmt":"2026-05-20T08:05:06","slug":"custom-payment-mobile","status":"publish","type":"page","link":"https:\/\/staging.occominternet.com\/?page_id=167949","title":{"rendered":"custom-payment-mobile"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"167949\" class=\"elementor elementor-167949\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151d58d e-flex e-con-boxed e-con e-parent\" data-id=\"151d58d\" 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-c89fd97 elementor-widget elementor-widget-shortcode\" data-id=\"c89fd97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n.custom-lang-switcher.mobile-compatible {\r\n    display: none;\r\n}\r\n    .sticky-sidebar {\r\n        display: none;\r\n    }\r\n\r\n    \/* \t.site-header,header {\r\n\t\tdisplay:none;\r\n\t} *\/\r\n\r\n    .response_error {\r\n        color: red;\r\n        font-weight: 900;\r\n        line-height: 32px;\r\n    }\r\n\r\n    .customLineHeight {\r\n        line-height: 2;\r\n        font-size: 2em;\r\n        margin-top: 32px;\r\n        padding: 18px;\r\n        border-radius: 10px;\r\n        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    @media screen and (max-width: 1100px) {\r\n        .container {\r\n            width: 100%;\r\n            padding-right: 32px;\r\n            padding-left: 32px;\r\n        }\r\n\r\n        .customLineHeight {\r\n            line-height: 2;\r\n            font-size: 2em;\r\n            margin-bottom: -128px;\r\n            padding: 0px;\r\n            border-radius: 0px;\r\n            box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);\r\n        }\r\n    }\r\n\r\n    @media (min-width: 1200px) {\r\n        .s-pb-xl-150>[class*='container'] {\r\n            padding-top: 60px;\r\n            padding-bottom: 100px;\r\n        }\r\n\r\n        \/* \u4fee\u6539\u4fe1\u7528\u5361\u4fe1\u606f\u8868\u5355ID + \u652f\u4ed8\u7c7b\u578bID\uff0c\u4ee5\u540e\u4fee\u6539\u90fd\u9700\u8981\u6539 *\/\r\n        #input_106_31 {\r\n            width: 50%;\r\n        }\r\n\r\n        .oc-payment-credit-card .ginput_card_expiration_container {\r\n            display: flex !important;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        \/* \u4fee\u6539\u4fe1\u7528\u5361\u4fe1\u606f\u8868\u5355ID + \u652f\u4ed8\u7c7b\u578bID\uff0c\u4ee5\u540e\u4fee\u6539\u90fd\u9700\u8981\u6539 *\/\r\n        \/* \t\t.oc-payment-credit-card #input_106_32_1,\r\n\t\t.oc-payment-credit-card #input_106_32_5 {\r\n\t\t\twidth:50%;\r\n\t\t} *\/\r\n\r\n        .oc-payment-credit-card .ginput_card_expiration_month,\r\n        .oc-payment-credit-card .ginput_card_expiration_year {\r\n            min-width: 150px;\r\n        }\r\n\r\n        #input_77_32_1 {\r\n            width: 50%;\r\n        }\r\n\r\n        #input_77_32_5 {\r\n            width: 50%;\r\n        }\r\n    }\r\n\r\n    .oc-payment-credit-card label {\r\n        font-weight: 700;\r\n        font-size: inherit;\r\n    }\r\n\r\n    \/* \t.gform_legacy_markup_wrapper .ginput_complex .ginput_cardinfo_left {\r\n\t\twidth: 100%;\r\n\t} *\/\r\n\r\n    #input_77_32_1_container>p:nth-of-type(3),\r\n    #input_77_32_1_container>p:nth-of-type(4) {\r\n        display: inline;\r\n    }\r\n\r\n    #input_77_32_1 {\r\n        padding: 5px 4px;\r\n        display: grid;\r\n        letter-spacing: normal;\r\n    }\r\n\r\n    #re_code_button {\r\n        background-color: #1F6B53 !important;\r\n        border-radius: 55px !important;\r\n        font-size: 20px !important;\r\n        font-weight: 700 !important;\r\n        height: 55px !important;\r\n    }\r\n\r\n    .gform_next_button,\r\n    button[type=\"submit\"].gform_button {\r\n        background-color: #1F6B53 !important;\r\n        border-radius: 55px !important;\r\n        padding: 10px 20px !important;\r\n        font-size: 20px !important;\r\n        font-weight: 700 !important;\r\n        height: 55px !important;\r\n    }\r\n\r\n    @media only screen and (min-width: 641px) {\r\n\r\n        .gform_legacy_markup_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month,\r\n        .gform_legacy_markup_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year {\r\n            width: auto !important;\r\n            display: -moz-inline-stack;\r\n            display: inline-block;\r\n        }\r\n    }\r\n\r\n    #gform_77,\r\n    #gform_72,\r\n    #gform_wrapper_77 .gform_heading,\r\n    #gform_wrapper_72 .gform_heading {\r\n        display: none;\r\n    }\r\n\r\n    #gform_70 .gform-footer {\r\n        margin-bottom: 0px;\r\n    }\r\n\r\n    #gform_wrapper_70 .gform_heading {\r\n        padding-top: 50px;\r\n    }\r\n\r\n    \/* \t@media only screen and (min-width:641px)\r\n\t{}\r\n\t.gform_legacy_markup_wrapper \r\n\t.ginput_complex \r\n\t.ginput_cardinfo_left {\r\n\t\twidth: 50%;\r\n} *\/\r\n    #modify_success_message_container {\r\n        padding-top: 108px;\r\n        display: none;\r\n    }\r\n\r\n    #payment_refresh_button {\r\n        display: none;\r\n    }\r\n\r\n    .ginput_container.ginput_container_consent {\r\n        display: flex;\r\n    }\r\n\r\n    .gfield_radio .gchoice .gform-field-label {\r\n        display: flex;\r\n        cursor: pointer;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 2.5rem;\r\n        padding: .5rem 0;\r\n        transition: all .15s ease-in-out;\r\n        border: 3px solid #7D7D7D;\r\n        color: #7D7D7D !important;\r\n    }\r\n\r\n    .gfield_radio .gchoice input:checked~.gform-field-label {\r\n        background-color: #1F6B53;\r\n        border-radius: 55px;\r\n        color: #fff !important;\r\n        margin: 0;\r\n        font-weight: 600;\r\n        border: 2px solid #1F6B53;\r\n    }\r\n\r\n    .gfield_radio .gchoice {\r\n        flex: 1 1 auto;\r\n        text-align: center;\r\n        display: block;\r\n    }\r\n\r\n    .gfield_radio {\r\n        position: relative;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        border-radius: 0.5rem;\r\n        background-color: #EEE;\r\n        box-sizing: border-box;\r\n        box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);\r\n        padding: 0.25rem;\r\n        font-size: 14px;\r\n        flex-direction: row !important;\r\n        left: 20px;\r\n    }\r\n\r\n    .gform_legacy_markup_wrapper .gfield_checkbox li input,\r\n    .gform_legacy_markup_wrapper .gfield_checkbox li input[type=checkbox],\r\n    .gform_legacy_markup_wrapper .gfield_radio li input[type=radio] {\r\n        display: none;\r\n        vertical-align: middle;\r\n        margin-left: 1px;\r\n    }\r\n\r\n    .gform-theme--framework .gfield--type-choice .gfield_checkbox,\r\n    .gform-theme--framework .gfield--type-choice .gfield_radio {\r\n        display: flex;\r\n        gap: var(--gf-field-choice-gap);\r\n    }\r\n\r\n    @media only screen and (min-width: 641px) {\r\n\r\n        .gform_wrapper .top_label li ul.gfield_checkbox,\r\n        .gform_wrapper .top_label li ul.gfield_radio {\r\n            width: calc(100% + 16px);\r\n            padding-left: 16px;\r\n            margin-left: -16px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (min-width: 641px) {\r\n        .gform_legacy_markup_wrapper .ginput_complex .ginput_cardinfo_left {\r\n            width: 100%;\r\n        }\r\n    }\r\n\r\n    input#input_77_46_1 {\r\n        margin-top: 0px;\r\n        margin-right: 10px;\r\n    }\r\n\r\n    @media screen and (max-width: 600px) {\r\n        span#input_77_32_2_container {\r\n            margin-bottom: -32px;\r\n        }\r\n\r\n        select#input_77_32_2_month {\r\n            margin-bottom: 10px;\r\n        }\r\n    }\r\n\r\n    p#Field-numberError,\r\n    p#Field-expiryError {\r\n        color: #df1b41 !important;\r\n        font-size: small !important;\r\n    }\r\n\r\n    div#gform_confirmation_wrapper_77 {\r\n        background: #fff !important;\r\n    }\r\n\r\n    input#input_77_46_1 {\r\n        margin-top: 18px !important;\r\n    }\r\n\r\n    ul#gform_fields_70 {\r\n        list-style: none;\r\n        margin-left: 0px;\r\n    }\r\n\r\n    ul#gform_fields_72,\r\n    ul#gform_fields_71,\r\n    ul#gform_fields_77 {\r\n        list-style: none;\r\n        margin-left: 0px;\r\n    }\r\n\r\n    .gfield_visibility_hidden {\r\n        display: none;\r\n    }\r\n\r\n    div#gfield_consent_description_71_46 {\r\n        height: 500px;\r\n        overflow: scroll;\r\n        padding: 23px;\r\n        border: 3px solid #d4cdcd;\r\n    }\r\n\r\n    \/* Payment type radio buttons *\/\r\n    #gform_71 .gfield_radio li {\r\n        display: inline-block;\r\n        margin-right: 20px;\r\n    }\r\n\r\n    #gform_71 .gfield_radio input[type=\"radio\"] {\r\n        margin-right: 8px;\r\n        transform: scale(1.2);\r\n        \/* make radio buttons slightly bigger *\/\r\n    }\r\n\r\n\r\n    \/* Payment containers *\/\r\n    [data-quickstream-api=\"bankAccountContainer\"],\r\n    [data-quickstream-api=\"creditCardContainer\"] {\r\n        border: 1px solid #ddd;\r\n        padding: 15px;\r\n        border-radius: 8px;\r\n        background-color: #f9f9f9;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* Smooth show\/hide effect *\/\r\n    [data-quickstream-api=\"bankAccountContainer\"]:not([style*=\"display: none\"]),\r\n    [data-quickstream-api=\"creditCardContainer\"]:not([style*=\"display: none\"]) {\r\n        animation: fadeIn 0.4s ease-in-out;\r\n    }\r\n\r\n    \/* Submit button styling *\/\r\n    #gform_submit_button_71 {\r\n        background-color: #007BFF;\r\n        color: #fff;\r\n        border: none;\r\n        padding: 12px 25px;\r\n        border-radius: 6px;\r\n        cursor: pointer;\r\n        font-size: 16px;\r\n        transition: background-color 0.3s ease;\r\n    }\r\n\r\n    #gform_submit_button_71:hover {\r\n        background-color: #0056b3;\r\n    }\r\n\r\n    \/* Fade-in animation *\/\r\n    @keyframes fadeIn {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(5px);\r\n        }\r\n\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 600px) {\r\n        #gform_71 .gfield_radio li {\r\n            display: block;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        #gform_submit_button_71 {\r\n            width: 100%;\r\n        }\r\n    }\r\n\r\n    li.active label {\r\n        background: #175073;\r\n        padding: 5px 8px;\r\n        border-radius: 5px;\r\n        color: #fff;\r\n    }\r\n\r\n    .gfield_radio li {\r\n        border: 1px solid #ccc;\r\n        border-radius: 5px;\r\n        padding: 10px;\r\n        margin-bottom: 5px;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .gfield_radio li.selected {\r\n        border-color: #0073aa;\r\n        background-color: #f0f8ff;\r\n    }\r\n\r\n    .gform_legacy_markup_wrapper ul.gfield_checkbox li,\r\n    .gform_legacy_markup_wrapper ul.gfield_radio li {\r\n        padding: 10px !important;\r\n        width: 49%;\r\n        margin: 10px;\r\n        text-align: center;\r\n    }\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"col-6\" id=\"modify_success_message_container\">\r\n    <p id=\"modify_show_message\" class=\"customLineHeight\"><\/p>\r\n    <button id=\"payment_refresh_button\" type=\"button\" class=\"gform_button button\">Remodify<\/button>\r\n<\/div>\r\n<div class=\"gf_browser_chrome gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework\"\r\n    data-form-theme=\"legacy\" data-form-index=\"0\" id=\"gform_wrapper_70\">\r\n    <div class=\"gform_heading\">\r\n        <h3 class=\"gform_title\">Direct Debit Request -- Get the verification code (New)<\/h3>\r\n        <p class=\"gform_description\"><\/p>\r\n    <\/div>\r\n    <form method=\"post\" enctype=\"multipart\/form-data\" id=\"gform_70\" action=\"\/?gf_page=preview&amp;id=70\"\r\n        data-formid=\"70\" novalidate=\"\">\r\n        <div class=\"gform-body gform_body\">\r\n            <ul id=\"gform_fields_70\"\r\n                class=\"gform_fields top_label form_sublabel_below description_below validation_below\">\r\n                <li id=\"field_70_29\"\r\n                    class=\"gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\">\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_70_29\">Occom Account ID<span\r\n                            class=\"gfield_required\"><span\r\n                                class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label>\r\n                    <div class=\"ginput_container ginput_container_text\">\r\n                        <input name=\"input_29\" id=\"input_70_29\" type=\"text\" value=\"\" class=\"medium\" aria-required=\"true\"\r\n                            aria-invalid=\"false\">\r\n                    <\/div>\r\n                <\/li>\r\n                <li id=\"field_70_30\"\r\n                    class=\"gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\">\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_70_30\">Email<span\r\n                            class=\"gfield_required\"><span\r\n                                class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label>\r\n                    <div class=\"ginput_container ginput_container_email\">\r\n                        <input name=\"input_30\" id=\"input_70_30\" type=\"email\" value=\"\" class=\"medium\"\r\n                            aria-required=\"true\" aria-invalid=\"false\">\r\n                    <\/div>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div>\r\n        <div class=\"gform-footer gform_footer top_label\">\r\n            <button id=\"gform_submit_button_70\" type=\"submit\" class=\"gform_button button\">Submit<\/button>\r\n        <\/div>\r\n    <\/form>\r\n<\/div>\r\n\r\n<div class=\"gf_browser_chrome gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework hidden-value_wrapper\"\r\n    data-form-theme=\"legacy\" data-form-index=\"0\" id=\"gform_wrapper_72\">\r\n    <div class=\"gform_heading\">\r\n        <h3 class=\"gform_title\">Direct Debit Request -- Check the verification code (New)<\/h3>\r\n        <p class=\"gform_description\"><\/p>\r\n    <\/div>\r\n    <form method=\"post\" enctype=\"multipart\/form-data\" id=\"gform_72\" class=\"hidden-value\"\r\n        action=\"\/?gf_page=preview&amp;id=72\" data-formid=\"72\" novalidate=\"\">\r\n        <div class=\"gform-body gform_body\">\r\n            <ul id=\"gform_fields_72\"\r\n                class=\"gform_fields top_label form_sublabel_below description_below validation_below\">\r\n                <li id=\"field_72_29\"\r\n                    class=\"gfield gfield--type-text field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\">\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_72_29\">Occom Account ID<\/label>\r\n                    <div class=\"ginput_container ginput_container_text\">\r\n                        <input name=\"input_29\" id=\"input_72_29\" type=\"text\" value=\"\" class=\"medium\"\r\n                            aria-invalid=\"false\">\r\n                    <\/div>\r\n                <\/li>\r\n                <li id=\"field_72_33\"\r\n                    class=\"gfield gfield--type-text field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden\">\r\n                    <div class=\"admin-hidden-markup\">\r\n                        <i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\"\r\n                            title=\"This field is hidden when viewing the form\"><\/i>\r\n                        <span>This field is hidden when viewing the form<\/span>\r\n                    <\/div>\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_72_33\">Balance<\/label>\r\n                    <div class=\"ginput_container ginput_container_text\">\r\n                        <input name=\"input_33\" id=\"input_72_33\" type=\"text\" value=\"\" class=\"medium\"\r\n                            aria-invalid=\"false\">\r\n                    <\/div>\r\n                <\/li>\r\n                <li id=\"field_72_32\"\r\n                    class=\"gfield gfield--type-text field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden\">\r\n                    <div class=\"admin-hidden-markup\">\r\n                        <i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\"\r\n                            title=\"This field is hidden when viewing the form\"><\/i>\r\n                        <span>This field is hidden when viewing the form<\/span>\r\n                    <\/div>\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_72_32\">UserName<\/label>\r\n                    <div class=\"ginput_container ginput_container_text\">\r\n                        <input name=\"input_32\" id=\"input_72_32\" type=\"text\" value=\"\" class=\"medium\"\r\n                            aria-invalid=\"false\">\r\n                    <\/div>\r\n                <\/li>\r\n                <li id=\"field_72_30\"\r\n                    class=\"gfield gfield--type-email field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\">\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_72_30\">Email<\/label>\r\n                    <div class=\"ginput_container ginput_container_email\">\r\n                        <input name=\"input_30\" id=\"input_72_30\" type=\"email\" value=\"\" class=\"medium\"\r\n                            aria-invalid=\"false\">\r\n                    <\/div>\r\n                <\/li>\r\n                <li id=\"field_72_31\"\r\n                    class=\"gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\">\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_72_31\">Verification Code<span\r\n                            class=\"gfield_required\"><span\r\n                                class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label>\r\n                    <div class=\"ginput_container ginput_container_text\">\r\n                        <input name=\"input_31\" id=\"input_72_31\" type=\"text\" value=\"\" class=\"medium\" aria-required=\"true\"\r\n                            aria-invalid=\"false\">\r\n                    <\/div>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div>\r\n        <div class=\"gform-footer gform_footer top_label\">\r\n            <button id=\"gform_submit_button_72\" type=\"submit\" class=\"gform_button button\">Submit<\/button>\r\n        <\/div>\r\n    <\/form>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/js.stripe.com\/v3\/\"><\/script>\r\n<div class=\"gf_browser_chrome gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework hidden-value_wrapper\"\r\n    data-form-theme=\"legacy\" data-form-index=\"0\" id=\"gform_wrapper_77\">\r\n\r\n    <div class=\"gform_heading\">\r\n        <h3 class=\"gform_title\">Vodafone Stripe Request (New)<\/h3>\r\n        <p class=\"gform_description\"><\/p>\r\n    <\/div>\r\n\r\n    <form method=\"post\" enctype=\"multipart\/form-data\" id=\"gform_77\" class=\"hidden-value\" data-formid=\"77\" novalidate=\"\">\r\n\r\n        <div class=\"gform-body gform_body\">\r\n            <ul id=\"gform_fields_77\"\r\n                class=\"gform_fields top_label form_sublabel_below description_below validation_below\">\r\n\r\n                <!-- Token Field -->\r\n                <li id=\"field_77_41\"\r\n                    class=\"gfield gfield--type-text gfield--input-type-text field_sublabel_below gfield_visibility_visible\">\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_77_41\">Token<\/label>\r\n                    <div class=\"ginput_container ginput_container_text\">\r\n                        <input name=\"input_41\" id=\"input_77_41\" type=\"text\" value=\"\" class=\"medium\"\r\n                            aria-invalid=\"false\">\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <!-- Hidden Username Field -->\r\n                <li id=\"field_77_48\"\r\n                    class=\"gfield gfield--type-text gfield--input-type-text field_sublabel_below gfield_visibility_hidden\">\r\n                    <div class=\"admin-hidden-markup\">\r\n                        <i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\"\r\n                            title=\"This field is hidden when viewing the form\"><\/i>\r\n                        <span>This field is hidden when viewing the form<\/span>\r\n                    <\/div>\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_77_48\">UserName<\/label>\r\n                    <div class=\"ginput_container ginput_container_text\">\r\n                        <input name=\"input_48\" id=\"input_77_48\" type=\"text\" value=\"\" class=\"medium\"\r\n                            aria-invalid=\"false\">\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <!-- Occom Account ID -->\r\n                <li id=\"field_77_42\"\r\n                    class=\"gfield gfield--type-text gfield--input-type-text field_sublabel_below gfield_visibility_visible\">\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_77_42\">Occom Account ID<\/label>\r\n                    <div class=\"ginput_container ginput_container_text\">\r\n                        <input name=\"input_42\" id=\"input_77_42\" type=\"text\" value=\"\" class=\"medium\"\r\n                            aria-invalid=\"false\">\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <!-- Email -->\r\n                <li id=\"field_77_43\"\r\n                    class=\"gfield gfield--type-text gfield--input-type-text field_sublabel_below gfield_visibility_visible\">\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_77_43\">Email<\/label>\r\n                    <div class=\"ginput_container ginput_container_text\">\r\n                        <input name=\"input_43\" id=\"input_77_43\" type=\"text\" value=\"\" class=\"medium\"\r\n                            aria-invalid=\"false\">\r\n                    <\/div>\r\n                <\/li>\r\n                <!-- Charge Amount -->\r\n                <li id=\"field_77_51\" class=\"gfield gfield--type-product gfield_price_77_51 gfield_visibility_visible\">\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_77_51\">Charge Amount<\/label>\r\n                    <div class=\"ginput_container ginput_container_product_price\">\r\n                        <input name=\"input_51\" id=\"input_77_51\" type=\"text\" value=\"\" class=\"large ginput_amount\">\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <li id=\"field_77_31\"\r\n                    class=\"gfield gfield--type-radio gfield--input-type-radio field_sublabel_below gfield_visibility_hidden\"\r\n                    style=\"display:none;\">\r\n                    <label class=\"gfield_label gform-field-label\">Payment Type<span\r\n                            class=\"gfield_required\">*<\/span><\/label>\r\n                    <div class=\"ginput_container ginput_container_radio\">\r\n                        <ul class=\"gfield_radio\" id=\"input_77_31\">\r\n                            <li class=\"gchoice_77_31_0\">\r\n                                <input type=\"radio\" name=\"input_31\" id=\"choice_77_31_0\" value=\"Stripe\" checked>\r\n                                <label for=\"choice_77_31_0\">Credit Card<\/label>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n\r\n                <!-- Credit Card Field -->\r\n                <li id=\"field_77_52\" class=\"gfield gfield--type-stripe_creditcard gfield_visibility_visible\">\r\n                    <label class=\"gfield_label gform-field-label\" for=\"input_77_52_1\">Debit \/ Credit Card<\/label>\r\n                    <div class=\"ginput_complex ginput_container ginput_container_creditcard gform-grid-row\"\r\n                        id=\"input_77_52\">\r\n                        <div class=\"ginput_full gform-grid-col\" id=\"input_77_52_1_container\"\r\n                            data-payment-element=\"true\">\r\n                            <div id=\"input_77_52_1\" class=\"StripeElement--payment-element StripeElement\"\r\n                                style=\"padding: 15px; background: #f7f8f9;\">\r\n                                <div class=\"__PrivateStripeElement\">\r\n                                    <div id=\"card-element\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <div id=\"wechat_qr_container\" style=\"display:none; text-align:center; margin:20px 0;\">\r\n                    <p>Scan this QR code with WeChat to pay:<\/p>\r\n                    <img decoding=\"async\" id=\"wechat_qr_image\" src=\"\" alt=\"WeChat Pay QR Code\" style=\"width:300px; height:300px;\" title=\"\">\r\n                    <p id=\"wechat_status\"><\/p>\r\n                <\/div>\r\n\r\n                <!-- Consent -->\r\n                <li id=\"field_77_46\" class=\"gfield gfield--type-consent gfield_visibility_visible\">\r\n\r\n                    <div class=\"ginput_container ginput_container_consent\" style=\"justify-content: left;\">\r\n                        <input name=\"input_46.1\" id=\"input_77_46_1\" type=\"checkbox\" value=\"1\" required aria-required=\"true\">\r\n                        <label class=\"gform-field-label gfield_consent_label\" for=\"input_77_46_1\">\r\n                            I Agree To The\r\n                            <a href=\"https:\/\/files.occom.com.au\/terms\/Terms-and-Conditions.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Terms &amp; Conditions<\/a>\r\n                            And\r\n                            <a href=\"https:\/\/files.occom.com.au\/terms\/Occom-Mobile-Vodafone-Terms-and-Conditions.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Mobile Terms &amp; Conditions<\/a>\r\n                            <span class=\"gfield_required\">*<\/span>\r\n                        <\/label>\r\n                        <input type=\"hidden\" name=\"input_46.2\"\r\n                            value=\"I Agree To The Terms &amp; Conditions And Mobile Terms &amp; Conditions\"\r\n                            class=\"gform_hidden\">\r\n                        <input type=\"hidden\" name=\"input_46.3\" value=\"18\" class=\"gform_hidden\">\r\n                    <\/div>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"gform-footer gform_footer top_label\">\r\n            <button id=\"gform_submit_button_77\" type=\"submit\" class=\"gform_button button\">Submit<\/button>\r\n        <\/div>\r\n\r\n    <\/form>\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/accounting.js\/0.4.1\/accounting.min.js\"><\/script>\r\n<script type=\"text\/javascript\"\r\n    src=\"https:\/\/cdn.jsdelivr.net\/npm\/gasparesganga-jquery-loading-overlay@2.1.7\/dist\/loadingoverlay.min.js\"><\/script>\r\n<!-- <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/toastr.js\/latest\/toastr.min.js\" integrity=\"sha512-VEd+nq25CkR676O+pLBnDW09R7VQX9Mdiij052gVCp5yVH3jGtH70Ho\/UUv4mJDsEdTvqRCFZg0NKGiojGnUCw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/toastr.js\/latest\/toastr.css\" integrity=\"sha512-3pIirOrwegjM6erE5gPSwkUzO+3cTjpnV9lexlNZqvupR64iZBnOOTiiLPb9M36zpMScbmUNIcHUqKD47M719g==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/> -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\r\n<script>\r\n\tif ($ === undefined) {\r\n\t\t$ = jQuery;\r\n\t}\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n\r\n        const stripe = Stripe(stripeData.pk);\r\n        const elements = stripe.elements();\r\n        const card = elements.create('card', { hidePostalCode: true });\r\n        card.mount('#card-element');\r\n\r\n        const payButton = document.getElementById('gform_submit_button_77');\r\n        const cardField = document.getElementById('field_77_52');\r\n        const paymentRadios = document.querySelectorAll('input[name=\"input_31\"]');\r\n\r\n        function updatePaymentUI() {\r\n            const selected = document.querySelector('input[name=\"input_31\"]:checked').value;\r\n            cardField.style.display = selected === 'Stripe' ? 'block' : 'none';\r\n            document.getElementById('wechat_qr_container').style.display = selected === 'WeChat' ? 'block' : 'none';\r\n        }\r\n\r\n        updatePaymentUI();\r\n        paymentRadios.forEach(r => r.addEventListener('change', updatePaymentUI));\r\n\r\n        async function pollPaymentStatus(clientSecret) {\r\n            const check = async () => {\r\n                const resp = await fetch(stripeData.ajax_url, {\r\n                    method: 'POST',\r\n                    headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n                    body: new URLSearchParams({\r\n                        action: 'check_payment_intent',\r\n                        client_secret: clientSecret,\r\n                        nonce: stripeData.nonce\r\n                    })\r\n                });\r\n\r\n                const data = await resp.json();\r\n                if (data.success && data.status === 'succeeded') {\r\n                    document.getElementById('wechat_status').innerText = 'Payment successful!';\r\n                    await postPaymentSuccess();\r\n                } else {\r\n                    setTimeout(check, 2000);\r\n                }\r\n            };\r\n            check();\r\n        }\r\n\r\n        payButton.addEventListener('click', async function (e) {\r\n            e.preventDefault();\r\n\r\n            if (payButton.disabled) return;\r\n\r\n            const amount = Number(document.getElementById('input_77_51').value) * 100;\r\n            const paymentMethod = document.querySelector('input[name=\"input_31\"]:checked').value;\r\n            const customerEmail = document.getElementById('input_77_43').value.trim();\r\n\r\n            if (!customerEmail || !customerEmail.includes('@')) {\r\n                alert('Please enter a valid email address.');\r\n                return;\r\n            }\r\n\t\t\tif (!document.getElementById('input_77_46_1').checked) {\r\n\t\t\t\talert('Please accept the Terms & Conditions.');\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n            payButton.disabled = true;\r\n            payButton.innerText = 'Processing...';\r\n\r\n           \r\n\r\n            const response = await fetch(stripeData.ajax_url, {\r\n                method: 'POST',\r\n                headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n                body: new URLSearchParams({\r\n                    action: 'create_payment_intent',\r\n                    amount: amount,\r\n                    payment_method: paymentMethod,\r\n                    email: customerEmail,\r\n                    nonce: stripeData.nonce\r\n                })\r\n            });\r\n\t\t\t\r\n\t\t\t setTimeout(() => {\r\n\t\t\t\tpayButton.disabled = false;\r\n\t\t\t\tpayButton.innerText = 'Submit';\r\n\t\t\t}, 1000);\r\n\r\n            const data = await response.json();\r\n\r\n            if (!data.success) {\r\n                alert('Payment initiation failed');\r\n                payButton.disabled = false;\r\n                payButton.value = 'Pay Now';\r\n                return;\r\n            }\r\n\r\n            if (paymentMethod === 'Stripe') {\r\n                const result = await stripe.confirmCardPayment(\r\n                    data.data.client_secret,\r\n                    {\r\n                        payment_method: {\r\n                            card: card,\r\n                            billing_details: {\r\n                                email: customerEmail\r\n                            }\r\n                        }\r\n                    }\r\n                );\r\n\r\n                if (result.error) {\r\n                    alert(result.error.message);\r\n                    payButton.disabled = false;\r\n                    payButton.value = 'Pay Now';\r\n                    return;\r\n                }\r\n\r\n                if (result.paymentIntent.status === 'succeeded') {\r\n                    await postPaymentSuccess();\r\n                }\r\n\r\n            } else if (paymentMethod === 'WeChat') {\r\n                document.getElementById('wechat_qr_image').src = data.data.wechat_qr_url;\r\n                document.getElementById('wechat_status').innerText = 'Waiting for QR scan...';\r\n                pollPaymentStatus(data.data.client_secret);\r\n            }\r\n        });\r\n\r\n        async function postPaymentSuccess() {\r\n            const token = document.getElementById('input_77_41').value;\r\n            const accid = document.getElementById('input_77_42').value;\r\n\r\n            const resp = await fetch(stripeData.ajax_url, {\r\n                method: 'POST',\r\n                headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n                body: new URLSearchParams({\r\n                    action: 'after_stripe_payment',\r\n                    token: token,\r\n                    accid: accid,\r\n                    nonce: stripeData.nonce\r\n                })\r\n            });\r\n\r\n            const data = await resp.json();\r\n\r\n            if (!data.success) {\r\n                alert('Payment succeeded but CRM update failed.');\r\n                return;\r\n            }\r\n\r\n\/\/             $(\"#modify_success_message_container\").show();\r\n\/\/             $(\"#modify_show_message\").html(getModifypaymentpaidsMessage($)).show();\r\n\t\t\t\tdocument.getElementById(\"modify_success_message_container\").style.display = \"block\";\r\n\t\t\t\tdocument.getElementById(\"modify_show_message\").innerHTML = getModifypaymentpaidsMessage();\r\n\t\t\t\tdocument.getElementById(\"modify_show_message\").style.display = \"block\";\r\n\r\n            $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID).hide();\r\n            $(\"#gform_\" + GET_TOKEN_FORM_ID).hide();\r\n            $(\"#gform_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n            $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n            $(\"#gform_\" + MODIFY_FORM_ID).hide();\r\n            $(\"#gform_wrapper_\" + MODIFY_FORM_ID + \" .gform_heading\").hide();\r\n        }\r\n    });\r\n<\/script>\r\n\r\n\r\n\r\n<script type=\"text\/javascript\">\r\n    if (typeof jQuery.urlParam === 'undefined') {\r\n        jQuery.extend({\r\n            urlParam: function (name) {\r\n                var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);\r\n                return (results !== null) ? results[1] || 0 : false;\r\n            }\r\n        });\r\n    }\r\n\r\n    function formatMoney(amount) {\r\n        return new Intl.NumberFormat('en-US').format(amount);\r\n\r\n        \/\/\t, {\r\n        \/\/        style: 'currency',\r\n        \/\/        currency: 'USA',\r\n        \/\/    }\r\n\r\n    }\r\n<\/script>\r\n\r\n<script type=\"text\/javascript\">\r\n    window.console.log(\"Modify Payment Js Code\");\r\n\r\n    const GET_TOKEN_FORM_ID = 70, MODIFY_FORM_ID = 77, VERIFY_TOKEN_FORM_ID = 72;\r\n    const ACC_ID = 29, EMAIL_ID = 30, TOKEN_ID = 31, PAYMENT_TYPE_ID = 49, ACCOUNT_NAME_ID = 39, ACCOUNT_NUMBER_ID = 38, BSB_ID = 40, CREDIT_CARD_ID = 32, VERIFY_ACC_ID = 29, VERIFY_EMAIL_ID = 30, MODIFY_TOKEN_ID = 41, MODIFY_ACC_ID = 42, MODIFY_EMAIL_ID = 43, MODIFY_CHECK_BOX_ID = 46, MODIFY_BALANCE_ID = 51, VERIFY_BALANCE_ID = 33, VERIFY_USERNAME_ID = 32, MODIFY_USERNAME_ID = 48;\r\n    const GET_TOKEN_ACTION = \"get_payment_token_ajax_action\", VERIFY_TOKEN_ACTION = \"verify_payment_token_ajax_action\", MODIFY_ACTION = \"modify_payment_mobile_info_ajax_action\", CHECK_TOKEN_PAID_ACTION = \"check_paid_token_ajax_action\";\r\n    const CN_FORM1_TITLE = \"\u652f\u4ed8\u4fe1\u606f\u4fee\u6539 -- \u83b7\u53d6\u9a8c\u8bc1\u7801\";\r\n    const MAX_COUNTDOWN_TIME = 90;  \/\/\u5012\u8ba1\u65f6\u6700\u5927\u79d2\r\n\r\n    let language = navigator.language || navigator.userLanguage;\r\n    let isChineseLanguage = language.startsWith(\"zh\");\r\n    var formTitle = \"Occom Payment Update\";\r\n    var step = 1;\r\n\r\n    \/\/\u53ea\u662f\u663e\u793a\u82f1\u6587\r\n    isChineseLanguage = false;\r\n\r\n    if (isChineseLanguage) {\r\n        formTitle = CN_FORM1_TITLE;\r\n    }\r\n\r\n    \/\/\u8bbe\u7f6e\u9875\u9762\u8bed\u8a00\u4fe1\u606f\r\n    function setDocumentLanguage($) {\r\n        if (isChineseLanguage) {\r\n            $(\"#gform_submit_button_\" + GET_TOKEN_FORM_ID).val(\"\u63d0\u4ea4\");\r\n            $(\"#validation_message_\" + GET_TOKEN_FORM_ID + \"_\" + ACC_ID).html(\"\u8bf7\u586b\u5199\u6fb3\u4e16\u8d26\u53f7\");\r\n            $(\"#validation_message_\" + GET_TOKEN_FORM_ID + \"_\" + EMAIL_ID).html(\"\u8bf7\u586b\u5199\u90ae\u7bb1\u5730\u5740\");\r\n            $(\"#gform_\" + GET_TOKEN_FORM_ID + \" .validation_error\").html(\"\u60a8\u7684\u63d0\u4ea4\u6709\u95ee\u9898\u3002\u4ee5\u4e0b\u5df2\u7a81\u51fa\u663e\u793a\u4e86\u9519\u8bef\u3002\");\r\n            $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + ACC_ID).attr('placeholder', '\u8bf7\u586b\u5199\u6fb3\u4e16\u8d26\u53f7');\r\n            $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + EMAIL_ID).attr('placeholder', '\u8bf7\u586b\u5199\u90ae\u7bb1\u5730\u5740');\r\n            $(\"#field_\" + GET_TOKEN_FORM_ID + \"_\" + ACC_ID + \" label\").html('\u6fb3\u4e16\u8d26\u53f7');\r\n            $(\"#field_\" + GET_TOKEN_FORM_ID + \"_\" + EMAIL_ID + \" label\").html('\u90ae\u7bb1\u5730\u5740');\r\n            $(\"#payment_refresh_button\").html(\"\u518d\u6b21\u4fee\u6539\");\r\n        } else {\r\n            $(\"#gform_submit_button_\" + GET_TOKEN_FORM_ID).val(\"Submit\");\r\n            $(\"#validation_message_\" + GET_TOKEN_FORM_ID + \"_\" + ACC_ID).html(\"Please provide your Occom Account ID.\");\r\n            $(\"#validation_message_\" + GET_TOKEN_FORM_ID + \"_\" + EMAIL_ID).html(\"Please provide your Occom account email.\");\r\n            $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + ACC_ID).attr('placeholder', 'Please provide your Occom Account ID.');\r\n            $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + EMAIL_ID).attr('placeholder', 'Please provide your Occom account email.');\r\n        }\r\n\r\n        setVerifyTokenFormLanguage($);\r\n        setModifyPaymentFormLanguage($);\r\n    }\r\n\r\n    \/\/\u8bbe\u7f6e\u9a8c\u8bc1Token\u8868\u5355\u7684\u9875\u9762\u8bed\u8a00\r\n    function setVerifyTokenFormLanguage($) {\r\n        $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + VERIFY_ACC_ID).attr('readonly', 'readonly');\r\n        $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + VERIFY_EMAIL_ID).attr('readonly', 'readonly');\r\n\r\n        if (isChineseLanguage) {\r\n            $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID + \" .gform_title\").html(\"\u652f\u4ed8\u4fe1\u606f\u4fee\u6539 -- \u6821\u9a8c\u9a8c\u8bc1\u7801\");\r\n            $(\"#gform_submit_button_\" + VERIFY_TOKEN_FORM_ID).val(\"\u63d0\u4ea4\");\r\n            $(\"#gform_\" + VERIFY_TOKEN_FORM_ID + \" .validation_error\").html(\"\u60a8\u7684\u63d0\u4ea4\u6709\u95ee\u9898\u3002\u4ee5\u4e0b\u5df2\u7a81\u51fa\u663e\u793a\u4e86\u9519\u8bef\u3002\");\r\n            $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + TOKEN_ID).attr('placeholder', '\u8bf7\u586b\u5199\u9a8c\u8bc1\u7801');\r\n            $(\"#validation_message_\" + VERIFY_TOKEN_FORM_ID + \"_\" + TOKEN_ID).html(\"\u8bf7\u586b\u5199\u9a8c\u8bc1\u7801\");\r\n            $(\"#field_\" + VERIFY_TOKEN_FORM_ID + \"_\" + TOKEN_ID + \" label\").html('\u9a8c\u8bc1\u7801');\r\n        } else {\r\n            $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID + \" .gform_title\").html(\"Please verify Your Account Email\");\r\n            $(\"#gform_submit_button_\" + VERIFY_TOKEN_FORM_ID).val(\"Submit\");\r\n            $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + TOKEN_ID).attr('placeholder', 'Please fill in your verification code.');\r\n            $(\"#validation_message_\" + VERIFY_TOKEN_FORM_ID + \"_\" + TOKEN_ID).html(\"Please fill in your verification code.\");\r\n            $(\"#field_\" + VERIFY_TOKEN_FORM_ID + \"_\" + TOKEN_ID + \" label\").html('Verification Code (Check your Email)');\r\n        }\r\n\r\n        var html = $(\"#gform_\" + VERIFY_TOKEN_FORM_ID + \" .gform_footer\").html();\r\n\r\n        html = \"<button type='button' id='re_code_button'>Resend<\/button>\" + html;\r\n        $(\"#gform_\" + VERIFY_TOKEN_FORM_ID + \" .gform_footer\").html(html);\r\n    }\r\n\r\n    \/\/\u8bbe\u7f6e\u4fee\u6539\u652f\u4ed8\u4fe1\u606f\u8868\u5355\u7684\u8bed\u8a00\r\n    function setModifyPaymentFormLanguage($) {\r\n        $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_TOKEN_ID).attr('readonly', 'readonly');\r\n        $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_ACC_ID).attr('readonly', 'readonly');\r\n        $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_EMAIL_ID).attr('readonly', 'readonly');\r\n        $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_BALANCE_ID).attr('readonly', 'readonly');\r\n        $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_USERNAME_ID).attr('readonly', 'readonly');\r\n        $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_TOKEN_ID).hide();\r\n\r\n        \/\/$(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_CHECK_BOX_ID + \"_1\").hide();\r\n        $(\"label[for='input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_CHECK_BOX_ID + \"_1']\").show();\r\n\r\n        if (isChineseLanguage) {\r\n            $(\"#gform_submit_button_\" + MODIFY_FORM_ID).val(\"\u63d0\u4ea4\");\r\n            $(\"#gform_\" + MODIFY_FORM_ID + \" .gform_title\").html(\"\u652f\u4ed8\u4fe1\u606f\u4fee\u6539\");\r\n            $(\"#input_\" + MODIFY_FORM_ID + \"_\" + TOKEN_ID).attr('placeholder', '\u8bf7\u586b\u5199Token');\r\n            $(\"#field_\" + MODIFY_FORM_ID + \"_\" + PAYMENT_TYPE_ID + \" label\").html('\u652f\u4ed8\u65b9\u5f0f');\r\n            $(\"#validation_message_\" + MODIFY_FORM_ID + \"_\" + TOKEN_ID).html(\"\u8bf7\u586b\u5199Token\u4fe1\u606f\");\r\n            $(\"#gform_\" + MODIFY_FORM_ID + \" .validation_error\").html(\"\u60a8\u7684\u63d0\u4ea4\u6709\u95ee\u9898\u3002\u4ee5\u4e0b\u5df2\u7a81\u51fa\u663e\u793a\u4e86\u9519\u8bef\u3002\");\r\n        } else {\r\n            $(\"#gform_submit_button_\" + MODIFY_FORM_ID).val(\"Submit\");\r\n            $(\"#gform_wrapper_\" + MODIFY_FORM_ID + \" .gform_title\").html(\"Please provide your new payment information\");\r\n            $(\"#input_\" + MODIFY_FORM_ID + \"_\" + TOKEN_ID).attr('placeholder', 'Please fill in verification code.');\r\n            $(\"#validation_message_\" + MODIFY_FORM_ID + \"_\" + TOKEN_ID).html(\"Please fill in your verification code.\");\r\n        }\r\n\r\n    }\r\n\r\n    function getModifypaymentpaidsMessage($) {\r\n\r\n        var msg = \"<h1 style='font-size: 50px; text-align: center;'>Thank you! Your payment has been completed.<\/h1><h3> We've successfully received your payment. If you have any questions or need help, feel free to reach out to us at support@occom.com.au or 1300 299 999.<\/h5>\";\r\n\r\n        if (isChineseLanguage) {\r\n            var msg = \"<h1 style='font-size: 50px; text-align: center;'>\u8c22\u8c22\uff01\u60a8\u7684\u652f\u4ed8\u5df2\u5b8c\u6210\u3002<\/h1><h3> \u6211\u4eec\u5df2\u6210\u529f\u6536\u5230\u60a8\u7684\u4ed8\u6b3e\u3002\u5982\u679c\u60a8\u6709\u4efb\u4f55\u95ee\u9898\u6216\u9700\u8981\u5e2e\u52a9\uff0c\u8bf7\u968f\u65f6\u901a\u8fc7support@occom.com.au\u6216\u81f4\u75351300 299 999\u4e0e\u6211\u4eec\u8054\u7cfb\u3002<\/h5>\";\r\n        }\r\n\r\n        return msg;\r\n    }\r\n\r\n    \/\/\u83b7\u53d6\u4fee\u6539\u6210\u529f\u540e\u7684\u63d0\u793a\u4fe1\u606f\r\n    function getModifySuccessMessage($, signData, acc_id) {\r\n        \/\/alert(signData);\r\n        if (signData !== false) {\r\n\r\n            const scriptContent = `\r\n\t\t\t\t\twindow.dataLayer = window.dataLayer || [];\r\n\t\t\t\t\twindow.dataLayer.push({\r\n\t\t\t\t\t\tevent: 'internal_signup',\r\n\t\t\t\t\t\tsignupType: 'new_customer',\r\n\t\t\t\t\t\tAccId: '${acc_id}',\r\n\t\t\t\t\t\tsignupSource: 'internal',\r\n\t\t\t\t\t\tsignupTime: new Date().toISOString()\r\n\t\t\t\t\t});\r\n\t\t\t\t`;\r\n\r\n            \/\/ Create and append the <script> tag to the <head>\r\n            const scriptTag = $('<script>', {\r\n                type: 'text\/javascript',\r\n                text: scriptContent\r\n            });\r\n\r\n            $('head').append(scriptTag);\r\n\r\n        }\r\n        var msg = \"<h1>Thank You!<\/h1><h3>Your direct debit payment information has been successfully received.<\/h3><h5>We appreciate you taking the time to complete this step. Our team will now process your details accordingly.If you have any questions or need further assistance, feel free to contact us at support@occom.com.au or call us on 1300 299 999.<\/h5>\";\r\n\r\n        if (isChineseLanguage) {\r\n            msg = \"\u606d\u559c\u60a8\u4fee\u6539\u5b8c\u6210\u652f\u4ed8\u4fe1\u606f\uff0c\u5982\u679c\u60f3\u518d\u4fee\u6539\uff0c\u8bf7\u70b9\u51fb\u6309\u94ae\u3002\"\r\n        }\r\n\r\n        return msg;\r\n    }\r\n\r\n    \/\/\u83b7\u53d6\u9519\u8bef\u4fe1\u606f\r\n    function showEerrorMessage($, msg) {\r\n        var errorMessage = \"Invalid request. Please review your data and try again. If the issue persists, contact the Occom customer service team for assistance.\";\r\n\r\n        if (isChineseLanguage) {\r\n            errorMessage = \"\u7cfb\u7edf\u9519\u8bef\uff0c\u8bf7\u7a0d\u540e\u91cd\u8bd5\";\r\n        }\r\n\r\n        if (!(msg == \"\" || $.isEmptyObject(msg))) {\r\n            errorMessage = msg;\r\n        }\r\n\r\n        var formId = getFormIdFromCurrentStep();\r\n\r\n        \/\/ \t\ttoastr.error(errorMessage);\r\n        Swal.fire({\r\n            icon: 'error',\r\n            text: errorMessage,\r\n            confirmButtonText: 'Confirm'\r\n        });\r\n    }\r\n\r\n    function getFormIdFromCurrentStep() {\r\n        var formId = GET_TOKEN_FORM_ID;\r\n\r\n        switch (step) {\r\n            case 1:\r\n                formId = GET_TOKEN_FORM_ID;\r\n                break;\r\n            case 2:\r\n                formId = VERIFY_TOKEN_FORM_ID;\r\n                break;\r\n            case 3:\r\n                formId = MODIFY_FORM_ID;\r\n                break;\r\n        }\r\n\r\n        return formId;\r\n    }\r\n\r\n    function validationMessage($, formType, formData) {\r\n        var isValid = false;\r\n        var message = \"\";\r\n        var reg = new RegExp(\/^\\d{6}$\/);\r\n        var emailRegex = \/^[a-zA-Z0-9][a-zA-Z0-9._+\\-!#$%&'*\\\/=?^`{|}~]*@([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,6}$\/;\r\n        var numberRegex = \/^\\d+$\/;\r\n        if (formType == \"modify\") {\r\n\r\n        } else {\r\n            if ($.trim(formData.acc_id) === \"\") {\r\n                if (!($.trim(message) === \"\")) {\r\n                    message = message + \"<br\/>\";\r\n                }\r\n\r\n                if (isChineseLanguage) {\r\n                    message = message + \"\u8bf7\u586b\u5199\u6fb3\u4e16\u8d26\u53f7\";\r\n                } else {\r\n                    message = message + \"Please provide your Occom Account ID.\";\r\n                }\r\n            }\r\n\r\n            if ($.trim(formData.email) === \"\" || !emailRegex.test(formData.email)) {\r\n                if (!($.trim(message) === \"\")) {\r\n                    message = message + \"<br\/>\";\r\n                }\r\n\r\n                if (isChineseLanguage) {\r\n                    message = message + \"\u8bf7\u586b\u5199\u90ae\u7bb1\u5730\u5740\";\r\n                } else {\r\n                    message = message + \"Please provide your Occom account email.\";\r\n                }\r\n            }\r\n        }\r\n\r\n        if ($.trim(message) === \"\") {\r\n            isValid = true;\r\n        } else {\r\n            Swal.fire({\r\n                icon: 'warning',\r\n                html: message,\r\n                confirmButtonText: 'Confirm'\r\n            });\r\n        }\r\n\r\n        return isValid;\r\n    }\r\n\r\n    \/\/\u914d\u7f6e\u83b7\u53d6\u7528\u6237token\u8868\u5355Submit\r\n    function configGetTokenFormSubmit($) {\r\n        $(\"#gform_\" + GET_TOKEN_FORM_ID).on('submit', function (e) {\r\n            e.preventDefault(); \/\/ \u963b\u6b62\u8868\u5355\u9ed8\u8ba4\u63d0\u4ea4\u884c\u4e3a\r\n        });\r\n\r\n        $(\"#gform_submit_button_\" + GET_TOKEN_FORM_ID).on('click', function (e) {\r\n            var accId = $.urlParam(\"acc_id\");\r\n            var email = $.urlParam(\"email\");\r\n\r\n            \/\/ Decode email if present\r\n            var decodedEmail = email !== false ? decodeURIComponent(email) : false;\r\n\r\n            \/\/ Populate fields from URL if available\r\n            if (accId !== false && decodedEmail !== false) {\r\n                $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + ACC_ID).val(accId);\r\n                $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + EMAIL_ID).val(decodedEmail);\r\n            }\r\n\r\n            \/\/ Base form data\r\n            var formData = {\r\n                action: GET_TOKEN_ACTION,\r\n                acc_id: accId !== false\r\n                    ? accId\r\n                    : $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + ACC_ID).val(),\r\n                email: decodedEmail !== false\r\n                    ? decodedEmail\r\n                    : $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + EMAIL_ID).val()\r\n            };\r\n\r\n\r\n            \/\/ Add signed params if present\r\n            if (\r\n                $.urlParam(\"nonce\") !== false &&\r\n                $.urlParam(\"timestamp\") !== false &&\r\n                $.urlParam(\"sign\") !== false\r\n            ) {\r\n                var signData = {\r\n                    nonce: $.urlParam(\"nonce\"),\r\n                    timestamp: $.urlParam(\"timestamp\"),\r\n                    sign: $.urlParam(\"sign\")\r\n                };\r\n\r\n                formData = $.extend(true, {}, formData, signData);\r\n            }\r\n            var isValid = validationMessage($, \"token\", formData);\r\n            if (!isValid) {\r\n                \/\/$(\"#gform_\" + GET_TOKEN_FORM_ID + \"\")[0].reset();\r\n                return;\r\n            }\r\n\r\n            $(\"#content\").LoadingOverlay(\"show\");\r\n\r\n            get_paid_status($).then(status => {\r\n                if (status !== 'Paid') {\r\n                    $.ajax({\r\n                        type: 'POST',\r\n                        url: ajaxurl, \/\/ WordPress\u63d0\u4f9b\u7684\u53d8\u91cf\uff0c\u4ee3\u8868admin-ajax.php\u7684URL\r\n                        data: formData,\r\n                        success: function (response) {\r\n                            console.log(response);\r\n\t\t\t\t\t\t\tconsole.log('response: get_paid_status:Paid');\r\n                            $(\"#content\").LoadingOverlay(\"hide\");\r\n\r\n                            var result = JSON.parse(response);\r\n\r\n                            \/\/ \u5904\u7406\u6210\u529f\u54cd\u5e94\r\n                            if (result.err_code == 0) {\r\n                                if (!result.token) {\r\n\r\n                                    if (result.data.is_paid == 1) {\r\n                                        $(\"#modify_success_message_container\").show();\r\n                                        $(\"#modify_show_message\").html(getModifypaymentpaidsMessage($)).show();\r\n                                        $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID).hide();\r\n                                        $(\"#gform_\" + GET_TOKEN_FORM_ID).hide();\r\n                                        $(\"#gform_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n                                        $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                                        $(\"#gform_\" + MODIFY_FORM_ID).hide();\r\n                                        $(\"#gform_wrapper_\" + MODIFY_FORM_ID + \" .gform_heading\").hide();\r\n                                        $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n\r\n                                    } else {\r\n                                        $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + VERIFY_ACC_ID).val(formData.acc_id);\r\n                                        $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + VERIFY_EMAIL_ID).val(formData.email);\r\n                                        $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + VERIFY_BALANCE_ID).val(0);\r\n                                        $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + VERIFY_USERNAME_ID).val(result.name);\r\n\r\n                                        showStep(2, $);\r\n                                    }\r\n\r\n                                } else {\r\n                                    $(\"#modify_show_message\").html(getModifypaymentpaidsMessage($)).hide();\r\n                                    $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_TOKEN_ID).val(result.token);\r\n                                    $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_ACC_ID).val(formData.acc_id);\r\n                                    $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_EMAIL_ID).val(formData.email);\r\n                                    $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_BALANCE_ID).val(formatMoney(parseFloat(result.data.monthlyfee_c)));\/\/\r\n                                    $('#ginput_base_price_83_51').val('$ ' + parseFloat(result.data.monthlyfee_c));\r\n                                    $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_USERNAME_ID).val(result.name);\r\n                                    if (parseInt(result.data.monthlyfee_c) == 0) {\r\n                                        $(\"#field_\" + MODIFY_FORM_ID + \"_\" + MODIFY_BALANCE_ID).hide();\r\n                                    }\r\n                                    showStep(3, $);\r\n                                }\r\n                            } else if ($.urlParam(\"email\") !== false && $.urlParam(\"acc_id\") && $.urlParam(\"nonce\") !== false && $.urlParam(\"timestamp\") && $.urlParam(\"sign\") !== false) {\r\n                                window.location.href = '.\/payment-mobile?acc_id=' + $.urlParam('acc_id') + '&email=' + $.urlParam('email');\r\n                            } else {\r\n                                \/\/$(\"#gform_\" + GET_TOKEN_FORM_ID)[0].reset();\r\n                                showEerrorMessage($, result.msg);\r\n                            }\r\n                        },\r\n                        error: function (response) {\r\n                            console.log(response);\r\n                            $(\"#content\").LoadingOverlay(\"hide\");\r\n\r\n                            \/\/ $(\"#gform_\" + GET_TOKEN_FORM_ID)[0].reset();\r\n                            \/\/ \u5904\u7406\u9519\u8bef\u54cd\u5e94\r\n                            showEerrorMessage($);\r\n                        }\r\n                    });\r\n                } else {\r\n                    $(\"#modify_success_message_container\").show();\r\n                    $(\"#modify_show_message\").html(getModifypaymentpaidsMessage($)).show();\r\n                    $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID).hide();\r\n                    $(\"#gform_\" + GET_TOKEN_FORM_ID).hide();\r\n                    $(\"#gform_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n                    $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                    $(\"#gform_\" + MODIFY_FORM_ID).hide();\r\n                    $(\"#gform_wrapper_\" + MODIFY_FORM_ID + \" .gform_heading\").hide();\r\n                    $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                    $(\"#content\").LoadingOverlay(\"hide\");\r\n                }\r\n            });\r\n            \/\/ \u53d1\u9001AJAX\u8bf7\u6c42\r\n\r\n        });\r\n    }\r\n\r\n    \/\/\u914d\u7f6e\u6821\u9a8c\u7528\u6237token\u8868\u5355Submit\r\n    function configVerifyTokenFormSubmit($) {\r\n        $(\"#gform_\" + VERIFY_TOKEN_FORM_ID).on('submit', function (e) {\r\n            e.preventDefault(); \/\/ \u963b\u6b62\u8868\u5355\u9ed8\u8ba4\u63d0\u4ea4\u884c\u4e3a\r\n        });\r\n\r\n        $(\"#gform_submit_button_\" + VERIFY_TOKEN_FORM_ID).on('click', function (e) {\r\n            \/\/console.log(\"configVerifyTokenFormSubmit\");\r\n\r\n            var formData = {\r\n                'action': VERIFY_TOKEN_ACTION, \/\/ WordPress\u9700\u8981\u8fd9\u4e2aaction\u6765\u5904\u7406AJAX\r\n                'acc_id': $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + VERIFY_ACC_ID).val(), \/\/ \u8d26\u53f7\r\n                'email': $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + VERIFY_EMAIL_ID).val(), \/\/ \u90ae\u7bb1\r\n                'verify_code': $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + TOKEN_ID).val() \/\/ token\r\n            };\r\n            var isValid = validationMessage($, 'verify', formData);\r\n\r\n            if (!isValid) {\r\n                \/\/$(\"#gform_\" + VERIFY_TOKEN_FORM_ID + \"\")[0].reset();\r\n                return;\r\n            }\r\n\r\n            $(\"#content\").LoadingOverlay(\"show\");\r\n\r\n            \/\/ \u53d1\u9001AJAX\u8bf7\u6c42\r\n            $.ajax({\r\n                type: 'POST',\r\n                url: ajaxurl, \/\/ WordPress\u63d0\u4f9b\u7684\u53d8\u91cf\uff0c\u4ee3\u8868admin-ajax.php\u7684URL\r\n                data: formData,\r\n                success: function (response) {\r\n                    console.log(response);\r\n\t\t\t\t\tconsole.log(\"Response: configVerifyTokenFormSubmit\");\r\n\r\n                    $(\"#content\").LoadingOverlay(\"hide\");\r\n\r\n                    var result = JSON.parse(response);\r\n\r\n                    \/\/ \u5904\u7406\u6210\u529f\u54cd\u5e94\r\n                    if (result.err_code == 0) {\r\n                        $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_TOKEN_ID).val(result.token);\r\n                        $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_ACC_ID).val(formData.acc_id);\r\n                        $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_EMAIL_ID).val(formData.email);\r\n                        $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_USERNAME_ID).val(result.name);\r\n                        $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_BALANCE_ID).val(formatMoney(parseFloat(result.data.monthlyfee_c)));\r\n                        if (parseInt(result.data.monthlyfee_c) == 0) {\r\n                            $(\"#field_\" + MODIFY_FORM_ID + \"_\" + MODIFY_BALANCE_ID).hide();\r\n                        }\r\n\r\n                        console.log(\"json string:\" + JSON.stringify(formData));\r\n\t\t\t\t\t\tconsole.log(\"formString: configVerifyTokenFormSubmit\");\r\n                        showStep(3, $);\r\n                    } else {\r\n                        \/\/ $(\"#gform_\" + VERIFY_TOKEN_ACTION)[0].reset();\r\n                        showEerrorMessage($, result.msg);\r\n                    }\r\n                },\r\n                error: function (response) {\r\n                    console.log(response);\r\n                    $(\"#content\").LoadingOverlay(\"hide\");\r\n\r\n                    \/\/ $(\"#gform_\" + VERIFY_TOKEN_ACTION)[0].reset();\r\n                    \/\/ \u5904\u7406\u9519\u8bef\u54cd\u5e94\r\n                    showEerrorMessage($);\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/\u914d\u7f6e\u83b7\u53d6\u7528\u6237token\u8868\u5355Submit\r\n    function rePostVerifyCodeSubmit($) {\r\n        $(\"#content\").LoadingOverlay(\"show\");\r\n\r\n        var formData = {\r\n            'action': GET_TOKEN_ACTION, \/\/ WordPress\u9700\u8981\u8fd9\u4e2aaction\u6765\u5904\u7406AJAX\r\n            'acc_id': $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + VERIFY_ACC_ID).val(), \/\/ \u8d26\u53f7\r\n            'email': $(\"#input_\" + VERIFY_TOKEN_FORM_ID + \"_\" + VERIFY_EMAIL_ID).val()  \/\/ \u90ae\u7bb1\r\n        };\r\n\r\n        \/\/ \u53d1\u9001AJAX\u8bf7\u6c42\r\n        $.ajax({\r\n            type: 'POST',\r\n            url: ajaxurl, \/\/ WordPress\u63d0\u4f9b\u7684\u53d8\u91cf\uff0c\u4ee3\u8868admin-ajax.php\u7684URL\r\n            data: formData,\r\n            success: function (response) {\r\n                console.log(response);\r\n\t\t\t\tconsole.log(\"Response: rePostVerifyCodeSubmit\");\r\n                $(\"#content\").LoadingOverlay(\"hide\");\r\n\r\n                var result = JSON.parse(response);\r\n\r\n                \/\/ \u5904\u7406\u6210\u529f\u54cd\u5e94\r\n                if (result.err_code == 0) {\r\n                    $(\"#input_\" + MODIFY_FORM_ID + \"_\" + MODIFY_TOKEN_ID).val(result.token);\r\n                } else {\r\n                    showEerrorMessage($, result.msg);\r\n                }\r\n            },\r\n            error: function (response) {\r\n                console.log(response);\r\n                $(\"#content\").LoadingOverlay(\"hide\");\r\n                showEerrorMessage($);\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/\u914d\u7f6e\u63d0\u4ea4\u4fee\u6539\u652f\u4ed8\u4fe1\u606f\u8868\u5355Submit\r\n    function configModifPaymentFormSubmit($) {\r\n        const formId = MODIFY_FORM_ID;\r\n        const tokenId = MODIFY_TOKEN_ID;\r\n        const submitButton = $(\"#gform_submit_button_\" + formId);\r\n        const formElement = $(\"#gform_\" + formId);\r\n\r\n        \/\/ \t\tformElement.on('submit', function (e) {\r\n        \/\/ \t\t\te.preventDefault();\r\n        \/\/ \t\t});\r\n\r\n        const signParam = $.urlParam(\"sign\");\r\n        const signData = signParam !== false ? signParam : null;\r\n        const acc_id = $.urlParam(\"acc_id\");\r\n\r\n        \/\/  \t\tsubmitButton.on('click', function (e) {\r\n        \/\/  \t\t\te.preventDefault();\r\n        \/\/ \t\t\tconsole.log(\"form submitted start\");\r\n\r\n\r\n        \/\/ \t\t\tconst formData = {\r\n        \/\/ \t\t\t\taction: MODIFY_ACTION,\r\n        \/\/ \t\t\t\ttoken: $(\"#input_\" + formId + \"_\" + tokenId).val(),\r\n        \/\/ \t\t\t\taccid: acc_id,\r\n\r\n        \/\/ \t\t\t};\r\n\r\n        \/\/ \t\t\tconst isValid = validationMessage($, 'modify', formData);\r\n        \/\/ \t\t\tif (!isValid) {\r\n        \/\/ \t\t\t\tconsole.log(\"Validation failed\");\r\n        \/\/ \t\t\t\treturn;\r\n        \/\/ \t\t\t}\r\n\r\n        \/\/$(\"#content\").LoadingOverlay(\"show\");\r\n\r\n        \/\/ \t\t\tconst submitForm = async (formId) => {\r\n        \/\/ \t\t\t\tconsole.log(\"form submitted start\");\r\n        \/\/ \t\t\t  if (!window?.gform?.submission?.submitForm) return;\r\n\r\n        \/\/ \t\t\t  const form = document.getElementById('gform_${formId}');\r\n        \/\/ \t\t\t  if (!form) return;\r\n        \/\/ \t\t\t\tconsole.log(\"form submitted check 2\");\r\n        \/\/ \t\t\t  const submission = window.gform.submission;\r\n        \/\/ \t\t\t  if (!submission.lockSubmission(form)) return;\r\n\r\n        \/\/ \t\t\t  try {\r\n        \/\/ \t\t\t\t\/\/ Trigger GF\u2019s own submit\r\n        \/\/ \t\t\t\tawait submission.submitForm(\r\n        \/\/ \t\t\t\t  form,\r\n        \/\/ \t\t\t\t  submission.SUBMISSION_TYPE_SUBMIT,\r\n        \/\/ \t\t\t\t  submission.getSubmissionMethod(form)\r\n        \/\/ \t\t\t\t);\r\n        \/\/ \t\t\t  } finally {\r\n        \/\/ \t\t\t\t\/\/ After GF finishes (success OR validation fail), read the state\r\n        \/\/ \t\t\t\tconsole.log(\"form submitted successfully\");\r\n\r\n        \/\/ \t\t\t\tif (result.ok) {\r\n        \/\/ \t\t\t\t  \/\/ Success: confirmation HTML exists or form no longer shows errors\r\n        \/\/ \t\t\t\t  console.log('GF submit OK', result);\r\n        \/\/ \t\t\t\t  \/\/ do your success logic here (e.g., analytics, redirect, etc.)\r\n        \/\/ \t\t\t\t} else {\r\n        \/\/ \t\t\t\t  console.warn('GF submit validation errors', result.errors);\r\n        \/\/ \t\t\t\t  \/\/ show a summary, scroll to first error, etc.\r\n        \/\/ \t\t\t\t  \/\/ Example: alert(result.errors.join('\\n'));\r\n        \/\/ \t\t\t\t}\r\n        \/\/ \t\t\t  }\r\n        \/\/ \t\t\t};\r\n        \/\/ \t\t\t$.ajax({\r\n        \/\/ \t\t\t\ttype: 'POST',\r\n        \/\/ \t\t\t\turl: ajaxurl,\r\n        \/\/ \t\t\t\tdata: formData,\r\n        \/\/ \t\t\t\tsuccess: function (response) {\r\n        \/\/ \t\t\t\t\t$(\"#content\").LoadingOverlay(\"hide\");\r\n\r\n        \/\/ \t\t\t\t\tlet result;\r\n        \/\/ \t\t\t\t\ttry {\r\n        \/\/ \t\t\t\t\t\tresult = JSON.parse(response);\r\n        \/\/ \t\t\t\t\t} catch (err) {\r\n        \/\/ \t\t\t\t\t\tconsole.error(\"Invalid JSON response\", err);\r\n        \/\/ \t\t\t\t\t\tshowEerrorMessage($, \"Invalid server response\");\r\n        \/\/ \t\t\t\t\t\treturn;\r\n        \/\/ \t\t\t\t\t}\r\n\r\n        \/\/ \t\t\t\t\tif (result.err_code == 0) {\r\n        \/\/ \t\t\t\t\t\t\/\/ \u2705 Success: update UI\r\n        \/\/ \t\t\t\t\t\t$(\"#gform_confirmation_message_83\").html(getModifySuccessMessage($, signData, acc_id));\r\n        \/\/ \t\t\t\t\t\tshowStep(0, $);\r\n\r\n        \/\/ \t\t\t\t\t\t\/\/ \u2705 \u2705 Run your custom hook here\r\n        \/\/ \t\t\t\t\t\tif (typeof afterSubmitSuccessHook === 'function') {\r\n        \/\/ \t\t\t\t\t\t\tafterSubmitSuccessHook(result, $);\r\n        \/\/ \t\t\t\t\t\t}\r\n        \/\/ \t\t\t\t\t\t\/\/ now trigger the actual form submit\r\n        \/\/ \t\t\t\t\t\t$(this).closest('form').trigger('submit');\r\n        \/\/ \t\t\t\t\t} else {\r\n        \/\/ \t\t\t\t\t\tshowEerrorMessage($, result.msg || \"Unknown error\");\r\n        \/\/ \t\t\t\t\t}\r\n        \/\/ \t\t\t\t},\r\n        \/\/ \t\t\t\terror: function (xhr, status, error) {\r\n        \/\/ \t\t\t\t\tconsole.error(\"AJAX error\", error);\r\n        \/\/ \t\t\t\t\t$(\"#content\").LoadingOverlay(\"hide\");\r\n        \/\/ \t\t\t\t\tshowEerrorMessage($, \"Server error. Please try again.\");\r\n        \/\/ \t\t\t\t}\r\n        \/\/ \t\t\t});\r\n        \/\/});\r\n    }\r\n\r\n    function showStep(num, $) {\r\n        step = num;\r\n\r\n        $(\".gfield_label\").show();\r\n\r\n        switch (num) {\r\n            case 1:\r\n                $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID).show();\r\n                $(\"#gform_\" + GET_TOKEN_FORM_ID).show();\r\n                $(\"#gform_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                $(\"#gform_\" + MODIFY_FORM_ID).hide();\r\n                $(\"#gform_wrapper_\" + MODIFY_FORM_ID + \" .gform_heading\").hide();\r\n                $(\"#gform_\" + GET_TOKEN_FORM_ID + \" .gform-footer\").css(\"margin-bottom\", \"0px\");\r\n                \/\/ \t\t\t\t$(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n                \/\/ \t\t\t\t$(\"#gform_wrapper_\" + MODIFY_FORM_ID).hide();\r\n                break;\r\n            case 2:\r\n                $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_\" + GET_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID).show();\r\n                $(\"#gform_\" + VERIFY_TOKEN_FORM_ID).show();\r\n                $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID + \" .gform_heading\").show();\r\n                $(\"#gform_wrapper_\" + MODIFY_FORM_ID).hide();\r\n                $(\"#gform_\" + MODIFY_FORM_ID).hide();\r\n                $(\"#gform_wrapper_\" + MODIFY_FORM_ID + \" .gform_heading\").hide();\r\n                $(\"#gform_\" + VERIFY_TOKEN_FORM_ID + \" .gform-footer\").css(\"margin-bottom\", \"0px\");\r\n                optVerifyCode($);\r\n                break;\r\n            case 3:\r\n                $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_\" + GET_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                $(\"#field_\" + MODIFY_FORM_ID + \"_\" + MODIFY_TOKEN_ID + \" label\").hide();\r\n                $(\"#gform_wrapper_\" + MODIFY_FORM_ID).show();\r\n                $(\"#gform_\" + MODIFY_FORM_ID).show();\r\n                $(\"#gform_wrapper_\" + MODIFY_FORM_ID + \" .gform_heading\").show();\r\n                $(\"#gform_\" + MODIFY_FORM_ID + \" .gform-footer\").css(\"margin-bottom\", \"0px\");\r\n                break;\r\n            default:\r\n                $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_\" + GET_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                $(\"#field_\" + MODIFY_FORM_ID + \"_\" + MODIFY_TOKEN_ID + \" label\").hide();\r\n                $(\"#gform_wrapper_\" + MODIFY_FORM_ID).show();\r\n                $(\"#gform_\" + MODIFY_FORM_ID).show();\r\n                $(\"#gform_wrapper_\" + MODIFY_FORM_ID + \" .gform_heading\").show();\r\n                $(\"#gform_\" + MODIFY_FORM_ID + \" .gform-footer\").css(\"margin-bottom\", \"0px\");\r\n\r\n                \/\/ \t\t\t\t$(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID).hide();\r\n                \/\/ \t\t\t\t$(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n                \/\/ \t\t\t\t$(\"#gform_wrapper_\" + MODIFY_FORM_ID).hide();\r\n\r\n                \/\/ \t\t\t\t$(\"#gform_\" + GET_TOKEN_FORM_ID).hide();\r\n                \/\/ \t\t\t\t$(\"#gform_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n                \/\/ \t\t\t\t$(\"#gform_\" + MODIFY_FORM_ID).hide();\r\n\r\n                \/\/ \t\t\t\t$(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                \/\/ \t\t\t\t$(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                \/\/ \t\t\t\t$(\"#gform_wrapper_\" + MODIFY_FORM_ID + \" .gform_heading\").hide();\r\n\r\n                \/\/ \t\t\t\t$(\"#modify_success_message_container\").show();\r\n\r\n                break;\r\n        }\r\n\r\n        $('html, body').animate({\r\n            scrollTop: $('#page').offset().top\r\n        }, 2000); \/\/ \u4f7f\u7528jQuery\u7684animate()\u65b9\u6cd5\r\n        document.title = \"Occom Payment Update\";\r\n    }\r\n\r\n    function optVerifyCode($) {\r\n        console.log(\"optVerifyCode\");\r\n        $(\"#re_code_button\").attr(\"disabled\", \"disabled\"); \/\/\u70b9\u51fb\u83b7\u53d6\u9a8c\u8bc1\u7801\u540e\uff0c\u7981\u7528\u8be5\u6309\u94ae\uff0c\u5f00\u59cb\u5012\u8ba1\u65f6\r\n        var time = MAX_COUNTDOWN_TIME; \/\/\u5012\u8ba1\u65f6\u65f6\u95f4\uff0c\u81ea\u5b9a\u4e49\r\n        var $this = $(\"#re_code_button\"); \/\/\u5907\u4efd\uff0c\u5b9a\u65f6\u5668\u662f\u5f02\u6b65\u7684\uff0c\u6b64this\u975e\u5f7cthis\r\n        var timer = setInterval(function () {\r\n            time--; \/\/\u5f00\u59cb\u5012\u8ba1\u65f6\r\n            if (time == 0) { \/\/\u5f53\u5012\u8ba1\u65f6\u4e3a0\u79d2\u65f6\uff0c\u5173\u95ed\u5b9a\u65f6\u5668\uff0c\u66f4\u6539\u6309\u94ae\u663e\u793a\u6587\u672c\u5e76\u8bbe\u7f6e\u4e3a\u53ef\u4ee5\u70b9\u51fb\r\n                clearInterval(timer);\r\n                $this.text('ReCode');\r\n                $this.removeAttr(\"disabled\");\r\n                return;\r\n            }\r\n            $this.text(time + \" Second\"); \/\/\u663e\u793a\u5269\u4f59\u79d2\u6570\r\n        }, 1000); \/\/\u5b9a\u65f6\u5668\u4e00\u79d2\u8d70\u4e00\u6b21\uff0c\u6bcf\u6b21\u51cf\u4e00\uff0c\u5c31\u662f\u5012\u8ba1\u65f6\u4e86\r\n    }\r\n\r\n    function get_paid_status($) {\r\n        return new Promise((resolve, reject) => {\r\n\r\n            var accId = $.urlParam(\"acc_id\");\r\n            var email = $.urlParam(\"email\");\r\n            var decodedEmail = email !== false ? decodeURIComponent(email) : false;\r\n\r\n            if (accId !== false && decodedEmail !== false) {\r\n                $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + ACC_ID).val(accId);\r\n                $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + EMAIL_ID).val(decodedEmail);\r\n            }\r\n\r\n            var formData = {\r\n                action: CHECK_TOKEN_PAID_ACTION,\r\n                acc_id: accId !== false\r\n                    ? accId\r\n                    : $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + ACC_ID).val(),\r\n                email: decodedEmail !== false\r\n                    ? decodedEmail\r\n                    : $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + EMAIL_ID).val()\r\n            };\r\n\r\n            if (\r\n                $.urlParam(\"nonce\") !== false &&\r\n                $.urlParam(\"timestamp\") !== false &&\r\n                $.urlParam(\"sign\") !== false\r\n            ) {\r\n                formData = $.extend(true, {}, formData, {\r\n                    nonce: $.urlParam(\"nonce\"),\r\n                    timestamp: $.urlParam(\"timestamp\"),\r\n                    sign: $.urlParam(\"sign\")\r\n                });\r\n            }\r\n\r\n            $.ajax({\r\n                url: ajaxurl,\r\n                type: 'POST',\r\n                data: formData,\r\n                success: function (response) {\r\n\t\t\t\t\tconsole.log('response: get_paid_status');\r\n\t\t\t\t\tconsole.log(response);\r\n                    const parsedData = JSON.parse(response.data);\r\n                    resolve(parsedData.lead_status);\r\n                },\r\n                error: function (xhr) {\r\n                    reject(xhr.responseText);\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    jQuery(document).ready(function ($) {\r\n        \/\/$(\".page_title .container-fluid\").hide();\r\n        \/\/ \t\ttoastr.options = {\"positionClass\":\"toast-top-center\"};\r\n\r\n        setTimeout(function () {\r\n            showStep(1, $);\r\n        }, 10);\r\n\r\n\r\n        $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID + \" .gform_title\").html(formTitle);\r\n        setDocumentLanguage($);\r\n\r\n        configGetTokenFormSubmit($);\r\n        configVerifyTokenFormSubmit($);\r\n        \/\/configModifPaymentFormSubmit($);\r\n\r\n        $(\"#payment_refresh_button\").click(function () {\r\n            var reloadUrl = window.location.protocol + \"\/\/\" + window.location.host + window.location.pathname;\r\n\r\n            location.assign(reloadUrl);\r\n        });\r\n\r\n        $(\"#re_code_button\").click(function () {\r\n            optVerifyCode($);\r\n            rePostVerifyCodeSubmit($);\r\n        });\r\n\r\n        if ($.urlParam(\"acc_id\") !== false) {\r\n            $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + ACC_ID).attr('readonly', 'readonly');\r\n        }\r\n\r\n        if ($.urlParam(\"email\") !== false) {\r\n            $(\"#input_\" + GET_TOKEN_FORM_ID + \"_\" + EMAIL_ID).attr('readonly', 'readonly');\r\n        }\r\n        var email = $.urlParam(\"email\");\r\n        var acc_id = $.urlParam(\"acc_id\");\r\n        var redirect_status = $.urlParam(\"redirect_status\");\r\n\r\n        if (email && acc_id && (redirect_status === false || redirect_status === null || redirect_status === undefined || redirect_status === \"\")) {\r\n            $(\"#gform_submit_button_\" + GET_TOKEN_FORM_ID).click();\r\n        } else {\r\n            setTimeout(function () {\r\n\t\t\t\tshowStep(1, $);\r\n                \/\/$(\"#modify_success_message_container\").show();\r\n                \/\/$(\"#modify_show_message\").html(getModifypaymentpaidsMessage($)).show();\r\n                $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID).show();\r\n                $(\"#gform_\" + GET_TOKEN_FORM_ID).show();\r\n                $(\"#gform_\" + VERIFY_TOKEN_FORM_ID).hide();\r\n                $(\"#gform_wrapper_\" + VERIFY_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n                $(\"#gform_\" + MODIFY_FORM_ID).hide();\r\n                $(\"#gform_wrapper_\" + MODIFY_FORM_ID + \" .gform_heading\").hide();\r\n                $(\"#gform_wrapper_\" + GET_TOKEN_FORM_ID + \" .gform_heading\").hide();\r\n            }, 1000)\r\n        }\r\n    });\r\n\r\n\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/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":26,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[],"class_list":["post-167949","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.occominternet.com\/index.php?rest_route=\/wp\/v2\/pages\/167949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.occominternet.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.occominternet.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.occominternet.com\/index.php?rest_route=\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.occominternet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=167949"}],"version-history":[{"count":5,"href":"https:\/\/staging.occominternet.com\/index.php?rest_route=\/wp\/v2\/pages\/167949\/revisions"}],"predecessor-version":[{"id":167966,"href":"https:\/\/staging.occominternet.com\/index.php?rest_route=\/wp\/v2\/pages\/167949\/revisions\/167966"}],"wp:attachment":[{"href":"https:\/\/staging.occominternet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=167949"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.occominternet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=167949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}