{"id":916,"date":"2021-04-18T13:22:23","date_gmt":"2021-04-18T18:22:23","guid":{"rendered":"https:\/\/anakkara-ach.com\/anakkara\/?page_id=916"},"modified":"2024-04-20T10:31:23","modified_gmt":"2024-04-20T15:31:23","slug":"customer-payment-form-form-paiement-client","status":"publish","type":"page","link":"https:\/\/anakkara-ach.com\/anakkara\/customer-payment-form-form-paiement-client\/","title":{"rendered":"Customer Payment Form &#8211; Form Paiement Client"},"content":{"rendered":"<div class=\"flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-0  avia-builder-el-no-sibling  \" style='border-radius:0px; '><section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p><b class=\"rm-shortcode-tour\"><!--noptimize--><link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<div class=\"rmagic rm_theme_classic rm_layout_two_columns\"><style><\/style><div class=\"rmcontent\"><style type=\"text\/css\">label span.required { color: #B94A48; }span.help-inline, span.help-block { color: #888; font-size: .9em; font-style: italic; }<\/style><form novalidate onsubmit=\"return gotonext_form_33_1()\" autocomplete=\"off\" action id=\"form_33_1\" method=\"post\" class=\"rmagic-form rmagic-form-btn-center form-horizontal\" name=\"rm_form\" number=\"1\" style=\"\"><fieldset><input type=\"hidden\" name=\"rm_form_sub_id\" value=form_33_1><input type=\"hidden\" name=\"rm_form_sub_no\" value=1><input type=\"hidden\" name=\"rm_cond_hidden_fields\" id=\"rm_cond_hidden_fields\" value=\"\"><div id=\"rm_stat_container\" style=\"display:none\"><div class=\"rmrow\"><div class=\"rmfield\" for=\"form_33_1-element-1\" style=\"\"><label>RM_Stats<\/label><\/div><div class=\"rminput\"><input type=\"text\" name=\"stat_id\" value=\"__uninit\" style=\"display:none\" id=\"form_33_1-element-1\"\/><\/div><\/div><\/div><div class=\"rmformpage_form_33_1\" id=\"rm_form_page_form_33_1_1\"><fieldset class='rmfieldset'><div class=\"rmrow\"><div class=\"rmfield\" for=\"form_33_1-element-5\" style=\"\"><label>Username<sup class=\"required\">&nbsp;*<\/sup><\/label><\/div><div class=\"rminput\"><input type=\"text\" name=\"username\" placeholder=\"Username\" maxlength=\"70\" required value=\"\" id=\"form_33_1-element-5\"\/><\/div><\/div><div class=\"rmrow\"><div class=\"rmfield\" for=\"rm_reg_form_pw_33_1\" style=\"\"><label>Password<sup class=\"required\">&nbsp;*<\/sup><\/label><\/div><div class=\"rminput\"><input type=\"password\" name=\"pwd\" placeholder=\"Password\" required value=\"\" id=\"rm_reg_form_pw_33_1\" title=\"Error: Password must follow these rules:&lt;br&gt; -Must contain an uppercase letter&lt;br&gt; -Must not be shorter than 7 characters\" pattern=\"(?=.*[A-Z])[A-Za-z\\d$@$!%*#?&amp;~`^(){}\\[\\]\\-_+=;:&quot;'|\\\\\\\/&lt;&gt;.,]{7,}\" style=\"\" labelstyle=\"\" minlength=\"7\"\/><\/div><div class=\"rmnote\"><div class=\"rmprenote\"><\/div><div class=\"rmnotecontent\">Password must be at least 7 characters long.<\/div><\/div><\/div><div class=\"rmrow\"><div class=\"rmfield\" for=\"rm_reg_form_pw_reentry\" style=\"\"><label>Enter password again<sup class=\"required\">&nbsp;*<\/sup><\/label><\/div><div class=\"rminput\"><input type=\"password\" name=\"password_confirmation\" placeholder=\"Confirm Password\" required value=\"\" id=\"rm_reg_form_pw_reentry\"\/><\/div><div class=\"rmnote\"><div class=\"rmprenote\"><\/div><div class=\"rmnotecontent\">Password must be at least 7 characters long.<\/div><\/div><\/div><div class=\"rmrow\"><div class=\"rmfield\" for=\"form_33_1-element-8\" style=\"\"><label>Email<sup class=\"required\">&nbsp;*<\/sup><\/label><\/div><div class=\"rminput\"><input type=\"email\" name=\"Email_823\" placeholder=\"Email\" required value=\"\" id=\"form_33_1-element-8\"\/><\/div><\/div><div class=\"rmrow\"><div class=\"rmfield\" for=\"form_33_1-element-9\" style=\"\"><label>Payment Amount - Montant a payer<\/label><\/div><div class=\"rminput\"><input type=\"number\" name=\"Price_824_7\" data-rmfieldtype=\"price\" class=\"\" placeholder=\"Amount \/ Montant\" min=\"0.01\" id=\"form_33_1-element-9\"\/><\/div><\/div><div class=\"rm_payment_options\"><input type=\"hidden\" name=\"rm_payment_method\" value=\"stripe\" id=\"form_33_1-element-11\"\/><\/div><div class=\"rmrow rm_captcha_fieldrow\"><div class=\"rminput\"><pre class=\"rm-pre-wrapper-for-script-tags\"><script type=text\/javascript>if(typeof rm_captcha_site_key === \"undefined\")rm_captcha_site_key=\"6LfgsecZAAAAAF8u9282_uqQ8Pp8Tz08tRK4PRa-\";<\/script><\/pre><div style=\"overflow:hidden\" class=\"rm_recaptcha g-recaptcha\" data-sitekey=\"6LfgsecZAAAAAF8u9282_uqQ8Pp8Tz08tRK4PRa-\"><\/div><\/div><\/div><\/fieldset><\/div><div class=\"buttonarea\"><input   type=\"submit\" value=\"Payment \/ Paiment\" name=\"rm_sb_btn\" class=\"rm_next_btn rm-btn rm-btn-primary\" data-label-next=\"Next\" data-label-sub=\"Payment \/ Paiment\" style=\"\" id=\"form_33_1-element-16\"\/> <input   type=\"submit\" value=\"Payment \/ Paiment\" name style=\"\" class=\"rm_noscript_btn rm-btn rm-btn-primary\" id=\"form_33_1-element-17\"\/><\/div>                \r\n   <pre class='rm-pre-wrapper-for-script-tags'><script>\r\n        \r\n   \/*form specific onload functionality*\/\r\njQuery(document).ready(function () {\r\nif(jQuery(\"#form_33_1 [name='rm_payment_method']\").length>0 && jQuery(\"#form_33_1 [name='rm_payment_method']:checked\").val()=='stripe'){jQuery('#rm_stripe_fields_container_33_1').show();}\r\n\r\n    jQuery('[data-rm-unique=\"1\"]').change(function(event) {\r\n        rm_unique_field_check(jQuery(this));\r\n    });\r\n    \r\n   });\r\n                \r\nif (typeof window['rm_multipage'] == 'undefined') {\r\n\r\n    rm_multipage = {\r\n        global_page_no_form_33_1: 1\r\n    };\r\n\r\n}\r\nelse\r\n rm_multipage.global_page_no_form_33_1 = 1;\r\n\r\nfunction gotonext_form_33_1(){\r\n        var maxpage = 1 ;\r\n                jQuery.validator.setDefaults({errorClass: 'rm-form-field-invalid-msg',\r\n                                        ignore:':hidden,.ignore,:not(:visible),.rm_untouched',wrapper:'div',\r\n                                       errorPlacement: function(error, element) {\r\n                                                            \/\/error.appendTo(element.closest('.rminput'));\r\n                                                            error.appendTo(element.closest('div'));\r\n                                                          },\r\n                                      rules: {       \r\n        password_confirmation: {\r\n            required: true,\r\n            equalTo: \"#rm_reg_form_pw_33_1\"\r\n        }\r\n            },\r\n        messages: {\r\n        password_confirmation: {\r\n            equalTo: \"Your passwords do not match. Please check again.\"\r\n        }\r\n            }\r\n                                    });        \r\n        \r\n        var jq_prev_button = jQuery(\"#rm_prev_form_page_button_33_1\");\r\n        var jq_next_button = jQuery(\"#rm_next_form_page_button_33_1\");\r\n        \r\n        var next_label = jq_next_button.data(\"label-next\");\r\n        var payment_method = jQuery('[name=rm_payment_method]:checked').val();\r\n        var form_object= jQuery(\"#rm_form_page_form_33_1_\"+rm_multipage.global_page_no_form_33_1).closest(\"form\");\r\n        var submit_btn= form_object.find(\"[type=submit]:not(.rm_noscript_btn)\");\r\n        var sub_label = submit_btn.data(\"label-sub\");\r\n        if(form_object.find('.rm_privacy_cb').is(':visible') && !form_object.find('.rm_privacy_cb').prop('checked')){\r\n             form_object.find('.rm_privacy_cb').trigger('change');\r\n             return false;\r\n        } \r\n        if(typeof payment_method == 'undefined' || payment_method != 'stripe')\r\n        {            \r\n            elements_to_validate = jQuery(\"#rm_form_page_form_33_1_\"+rm_multipage.global_page_no_form_33_1+\" :input\").not('#rm_stripe_fields_container_33_1 :input');\r\n        }\r\n        else\r\n            var elements_to_validate = jQuery(\"#rm_form_page_form_33_1_\"+rm_multipage.global_page_no_form_33_1+\" :input\");\r\n        \r\n        \r\n        if(elements_to_validate.length > 0)\r\n        {\r\n            var valid = elements_to_validate.valid();  \r\n            elements_to_validate.each(function(){\r\n            var if_mobile= jQuery(this).attr('data-mobile-intel-field');\r\n                if(if_mobile){\r\n                    var tel_error= rm_toggle_tel_error(jQuery(this).intlTelInput('isValidNumber'),jQuery(this),jQuery(this).data('error-message'));\r\n                    if(tel_error){\r\n                        valid= false;\r\n                    }\r\n                    else\r\n                    {\r\n                        jQuery(this).val(jQuery(this).intlTelInput('getNumber'));\r\n                    }\r\n                }\r\n            });\r\n\r\n            if(!valid)\r\n            {   \r\n                setTimeout(function(){ submit_btn.prop('disabled',false); }, 1000);\r\n                var error_element= jQuery(document).find(\"input.rm-form-field-invalid-msg\")[0];\r\n                if(error_element){\r\n                    error_element.focus();\r\n                }\r\n                return false;\r\n            }\r\n            else{\r\n                if(maxpage==rm_multipage.global_page_no_form_33_1){\r\n                    return true;\r\n                }\r\n            }\r\n           \r\n        } else{\r\n            if(maxpage==rm_multipage.global_page_no_form_33_1){\r\n                    return true;\r\n            }\r\n        }\r\n        \r\n        \/* Server validation for Username and Email field *\/\r\n        for(var i=0;i<rm_validation_attr.length;i++){\r\n            var validation_flag= true;\r\n            jQuery(\"[\" + rm_validation_attr[i] + \"=0]\").each(function(){\r\n               validation_flag= false;\r\n               return false;\r\n            });\r\n            \r\n           \r\n            if(!validation_flag)\r\n              return;\r\n        }\r\n        \r\n       \r\n        rm_multipage.global_page_no_form_33_1++;\r\n        if(rm_multipage.global_page_no_form_33_1>=maxpage){\r\n            submit_btn.prop('value',sub_label);\r\n        }\r\n        else{\r\n            submit_btn.prop('value','Next');\r\n        }\r\n       \r\n        \/*skip blank form pages*\/\r\n        \/*while(jQuery(\"#rm_form_page_form_33_1_\"+rm_multipage.global_page_no_form_33_1+\" :input\").length == 0)\r\n        {\r\n            if(maxpage <= rm_multipage.global_page_no_form_33_1)\r\n            {\r\n                    if(jQuery(\"#rm_form_page_form_33_1_\"+rm_multipage.global_page_no_form_33_1+\" :input\").length == 0){\r\n                        jq_next_button.prop('type','submit');\r\n                        jq_prev_button.prop('disabled',true);\r\n                        return;\r\n                    }        \r\n                    else\r\n                        break;\r\n            }    \r\n           rm_multipage.global_page_no_form_33_1++;\t\t       \r\n        }*\/\r\n          \t\t\r\n\tif(rm_multipage.global_page_no_form_33_1 >= maxpage){\r\n            jq_next_button.attr(\"value\", sub_label);\r\n        }\r\n\tif(maxpage < rm_multipage.global_page_no_form_33_1)\r\n\t{\r\n\t\trm_multipage.global_page_no_form_33_1 = maxpage;\r\n\t\tjq_next_button.prop('type','submit');\r\n                jq_prev_button.prop('disabled',true);\r\n\t}\r\n        \r\n\tjQuery(\".rmformpage_form_33_1\").each(function (){\r\n        \r\n\t\tvar visibledivid = \"rm_form_page_form_33_1_\"+rm_multipage.global_page_no_form_33_1;\r\n\t\tvar current_page= jQuery(this);\r\n                    if(jQuery(this).attr('id') == visibledivid){\r\n                        setTimeout(function(){ \/\/ Delaying field show to skip validation for untouched fields\r\n                            current_page.show();\r\n                            current_page.find(':input').addClass('rm_untouched');\r\n                            setTimeout(function(){ current_page.find(':input').removeClass('rm_untouched'); }, 1000);\r\n                        },100);\r\n                }\r\n\t\telse\r\n                    current_page.hide();  \r\n        });         \r\n        \r\n        jQuery('.rmformpage_form_33_1').find(':input').filter(':visible').eq(0).focus();\r\n        jQuery('html, body').animate({\r\n            scrollTop: (jQuery('.rmformpage_form_33_1').first().offset().top)\r\n        },500);\r\n        jq_prev_button.prop('disabled',false);\r\n        rmInitGoogleApi();\r\n        \r\n        setTimeout(function(){ submit_btn.prop('disabled',false); }, 1000);\r\n        \r\n        if(rm_multipage.global_page_no_form_33_1 == maxpage){\r\n            return false;\r\n        }\r\n        if(jq_prev_button.length>0 && '1'==1){\r\n            jq_prev_button.show();\r\n        }\r\n        \r\n        if(jq_prev_button.length>0 && rm_multipage.global_page_no_form_33_1>=1){\r\n            jq_prev_button.show();\r\n        }\r\n        \r\n        if(maxpage=='1'){\r\n            return true;\r\n        }\r\n        return false;\r\n           \r\n}\r\n    <\/script><\/pre><pre class='rm-pre-wrapper-for-script-tags'><script>\r\nfunction gotoprev_form_33_1(){\r\n\t\r\n\tvar maxpage = 1 ;\r\n        var jq_prev_button = jQuery(\"#rm_prev_form_page_button_33_1\");\r\n        var jq_next_button = jQuery(\"#rm_next_form_page_button_33_1\");\r\n        \/\/var sub_label = jq_next_button.data(\"label-sub\");\r\n        var next_label = jq_next_button.data(\"label-next\");\r\n        var form_object= jQuery(\"#rm_form_page_form_33_1_\"+rm_multipage.global_page_no_form_33_1).closest(\"form\");\r\n        var submit_btn= form_object.find(\"[type=submit]:not(.rm_noscript_btn)\");\r\n        var sub_label = submit_btn.data(\"label-sub\");\r\n        if(form_object.find('.rm_privacy_cb').is(':visible') && !form_object.find('.rm_privacy_cb').prop('checked')){\r\n             form_object.find('.rm_privacy_cb').trigger('change');\r\n             return false;\r\n        } \r\n\trm_multipage.global_page_no_form_33_1--;\r\n        jq_next_button.attr('type','button');        \r\n        \r\n        if(maxpage==rm_multipage.global_page_no_form_33_1){\r\n            submit_btn.prop('value',sub_label);\r\n        }\r\n        else{\r\n            submit_btn.prop('value','Next');\r\n        }\r\n        \/*skip blank form pages*\/\r\n        while(jQuery(\"#rm_form_page_form_33_1_\"+rm_multipage.global_page_no_form_33_1+\" :input,.rm-total-price \").length == 0)\r\n        {\r\n            if(1 >= rm_multipage.global_page_no_form_33_1)\r\n            {\r\n                    if(jQuery(\"#rm_form_page_form_33_1_\"+rm_multipage.global_page_no_form_33_1+\" :input,.rm-total-price \").length == 0){\r\n                        rm_multipage.global_page_no_form_33_1 = 1;\r\n                        \/\/jq_prev_button.prop('disabled',true);\r\n                        return;\r\n                    }        \r\n                    else\r\n                        break;\r\n            }\r\n        \r\n            rm_multipage.global_page_no_form_33_1--;\r\n        }\r\n        \r\n        if(rm_multipage.global_page_no_form_33_1 <= maxpage-1)\r\n            jq_next_button.attr(\"value\", next_label);\r\n            \r\n\tjQuery(\".rmformpage_form_33_1\").each(function (){\r\n\t\tvar visibledivid = \"rm_form_page_form_33_1_\"+rm_multipage.global_page_no_form_33_1;\r\n\t\tif(jQuery(this).attr('id') == visibledivid){\r\n\t\t\tjQuery(this).show();\r\n                }\r\n\t\telse\r\n\t\t\tjQuery(this).hide();\r\n\t});\r\n        jQuery('.rmformpage_form_33_1').find(':input').filter(':visible').eq(0).focus();\r\n        if(rm_multipage.global_page_no_form_33_1 <= 1)\r\n        {\r\n            rm_multipage.global_page_no_form_33_1 = 1;\r\n           \/\/ jq_prev_button.prop('disabled',true);\r\n        }\r\n        jQuery('html, body').animate({\r\n            scrollTop: (jQuery('.rmformpage_form_33_1').first().offset().top)\r\n        },500);\r\n        \r\n        if(rm_multipage.global_page_no_form_33_1==1){\r\n            jq_prev_button.hide();\r\n        }\r\n}\r\n         \r\n<\/script>\r\n    <script src=\"\/\/www.youtube.com\/player_api\"><\/script>\r\n    <script>\r\n    var players = [];\r\n    function onYouTubePlayerAPIReady() {\r\n        \/\/ create the global player from the specific iframe (#video)\r\n        var pre_id = '';\r\n        jQuery(\".allow-autoplay\").each(function(){\r\n            if(pre_id!=jQuery(this).attr(\"id\")){\r\n                players.push(new YT.Player(jQuery(this).attr(\"id\")));\r\n            }\r\n            pre_id = jQuery(this).attr(\"id\");\r\n        });\r\n    }\r\n    jQuery(document).ready(function(){\r\n        var videosArr = [];\r\n        var pre_id = '';\r\n        jQuery(\".allow-autoplay\").each(function(i){\r\n            if(pre_id!=jQuery(this).attr(\"id\")){\r\n                videosArr[jQuery(this).attr(\"id\")] = i;\r\n            }\r\n            pre_id = jQuery(this).attr(\"id\");\r\n        });\r\n        jQuery('.buttonarea input').click(function(){\r\n            setTimeout(function(){\r\n                jQuery(\".rmformpage_form_33_1\").each(function(){\r\n                    if(jQuery(this).css('display')=='block'){\r\n                        var page_video_id= jQuery(this).attr(\"id\");\r\n                        if(jQuery('#'+page_video_id+' .allow-autoplay').length){\r\n                            players[videosArr[jQuery('#'+page_video_id+' .allow-autoplay').attr('id')]].playVideo();\r\n                        }\r\n                    }\r\n                });\r\n            }, 300);\r\n        });\r\n    });\r\n    <\/script> \r\n   <\/pre><\/fieldset><\/form><pre class=\"rm-pre-wrapper-for-script-tags\"><script type=\"text\/javascript\">jQuery(document).ready(function() {\t\tjQuery(\"#form_33_1\").bind(\"submit\", function(){\r\n                        \/\/jQuery(this).find(\"input[name=rm_slug]\").attr(\"value\",jQuery(this).find(\"input[name=submit]\").attr(\"value\"));\r\n\t\t\tjQuery(this).find(\"input[type=submit]\").attr(\"disabled\", \"disabled\"); \r\n\t\t});            \r\n                   \r\n                   jQuery(\"#form_33_1-element-5\").change(function(){\r\n                   var data = {\r\n                           'action': 'rm_user_exists',\r\n                           'rm_slug': 'rm_user_exists',\r\n                           'username': jQuery(this).val(),\r\n                           'attr': 'data-rm-valid-username',\r\n                           'form_id':\"33\"\r\n                   };\r\n                   \r\n                   rm_user_exists(this,rm_ajax_url,data,\"This user is already registered. Please try with different username or login.\");\r\n                  \r\n                 });\r\n                       \r\n                   \r\n                   jQuery(\"#form_33_1-element-8\").change(function(){\r\n                   var data = {\r\n                           'action': 'rm_user_exists',\r\n                           'rm_slug': 'rm_user_exists',\r\n                           'email': jQuery(this).val(),\r\n                           'attr': 'data-rm-valid-email',\r\n                           'form_id':\"33\"\r\n                   };\r\n                   \r\n                   rm_user_exists(this,rm_ajax_url,data);\r\n                  \r\n                 });\r\n           }); <\/script><\/pre>        <noscript>\r\n            <div class=\"rm-js-disabled\"><b>Note: It looks like JavaScript is disabled in your browser. Some elements of this form may require JavaScript to work properly. If you have trouble submitting the form, try enabling JavaScript momentarily and resubmit. JavaScript settings are usually found in Browser Settings or Browser Developer menu.<\/b><\/div>\r\n             <style>\r\n                 .rm_next_btn {display:none !important}\r\n                 .rm_noscript_btn {display: block !important}\r\n             <\/style>\r\n         <\/noscript>\r\n       <\/div><\/div><!--\/noptimize--><\/b><\/p>\n<\/div><\/section><\/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":[],"_links":{"self":[{"href":"https:\/\/anakkara-ach.com\/anakkara\/wp-json\/wp\/v2\/pages\/916"}],"collection":[{"href":"https:\/\/anakkara-ach.com\/anakkara\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anakkara-ach.com\/anakkara\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anakkara-ach.com\/anakkara\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anakkara-ach.com\/anakkara\/wp-json\/wp\/v2\/comments?post=916"}],"version-history":[{"count":4,"href":"https:\/\/anakkara-ach.com\/anakkara\/wp-json\/wp\/v2\/pages\/916\/revisions"}],"predecessor-version":[{"id":2571,"href":"https:\/\/anakkara-ach.com\/anakkara\/wp-json\/wp\/v2\/pages\/916\/revisions\/2571"}],"wp:attachment":[{"href":"https:\/\/anakkara-ach.com\/anakkara\/wp-json\/wp\/v2\/media?parent=916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}