· 5 years ago · May 15, 2020, 05:34 PM
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <title>
6 Accept a card payment
7 </title>
8 <meta name="description" content="A demo of a card payment on Stripe">
9 <meta name="viewport" content="width=device-width, initial-scale=1">
10 <meta class="appdrag-theme-topbar-color" name="theme-color" content="#3F51B5">
11 <meta class="appdrag-theme-topbar-color" name="msapplication-navbutton-color" content="#3F51B5">
12 <meta class="appdrag-theme-topbar-color" name="apple-mobile-web-app-status-bar-style" content="#3F51B5">
13 <link rel="shortcut icon" type="image/png" href="favicon.png">
14 <link rel="stylesheet" type="text/css" href="//cf.appdrag.com/resources/appallin-universal-theme.css">
15 <link rel="stylesheet" type="text/css" href="//s3-eu-west-1.amazonaws.com/dev.appdrag.com/resources/css/appdrag.css">
16 <link rel="stylesheet" crossorigin="anonymous" id="appdrag-palette" type="text/css" href="//s3-eu-west-1.amazonaws.com/dev.appdrag.com/simpli-buy-7d636b/css/appdrag-palette.css">
17 <link rel="stylesheet" type="text/css" href="//s3-eu-west-1.amazonaws.com/dev.appdrag.com/simpli-buy-7d636b/fonts/fonts.css">
18 <link rel="stylesheet" href="global.css">
19 <script src="https://js.stripe.com/v3/">
20
21
22 </script>
23 <script src="/client.js" defer>
24
25
26 </script>
27 <style>
28 *{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;align-content:center;height:100vh;width:100vw}form{width:30vw;min-width:500px;align-self:center;box-shadow:5px 4px 5.5px 1.5px rgba(50,50,93,.1),5px 4px 5.5px 1.5px rgba(50,50,93,.1),5px 4px 5.5px 1.5px rgba(0,0,0,.07);border-radius:7px;padding:40px}input{border-radius:6px;margin-bottom:6px;padding:12px;border:2px solid rgba(50,50,93,.1);height:50px;font-size:18px;width:100%;background:#fff}.result-message{line-height:22px;font-size:16px}.result-message a{color:#596fd6;font-weight:600;text-decoration:none}.hidden{display:none}.card-error{color:#697386;text-align:left;font-size:13px;line-height:17px;margin-top:12px}#card-element{border-radius:4px 4px 4px 4px;padding:12px;border:2px solid rgba(50,50,93,.1);height:44px;width:100%;background:#fff}#payment-request-button{margin-bottom:32px}button{background:#337ab7;color:#fff;font-family:Arial,sans-serif;border-radius:4px 4px 4px 4px;border:0;padding:12px 16px;font-size:21px;font-weight:600;cursor:pointer;display:block;transition:all .2s ease;box-shadow:5px 4px 5.5px 0 rgba(0,0,0,.07);width:100%}button:hover{filter:contrast(115%)}button:disabled{opacity:.5;cursor:default}.spinner,.spinner:before,.spinner:after{border-radius:50%}.spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0 auto;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.spinner:before,.spinner:after{position:absolute;content:""}.spinner:before{width:10.4px;height:20.4px;background:#337ab7;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s infinite ease 1.5s;animation:loading 2s infinite ease 1.5s}.spinner:after{width:10.4px;height:10.2px;background:#337ab7;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;-webkit-transform-origin:0 10.2px;transform-origin:0 10.2px;-webkit-animation:loading 2s infinite ease;animation:loading 2s infinite ease}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media only screen and (max-width:600px){form{width:80vw}}
29 </style>
30 <style media="screen">
31 .green{border:solid #008000 1px}.error{border:solid #f00 1px}.StripeElement{box-sizing:border-box;height:40px;padding:10px 12px;border:2px solid transparent;border-radius:8px;background-color:#eee;box-shadow:0 1px 5px 0 #222;-webkit-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease}.StripeElement--focus{box-shadow:0 1px 5px 0 #36f}.StripeElement--invalid{border-color:#fa755a}.StripeElement--webkit-autofill{background-color:#fefde5 !important}.button{display:inline-block;border-radius:18px;background-color:#337ab7;border:4px solid #222;color:#f2f2f2 !important;text-align:center;font-size:28px;padding:20px;width:98%;transition:all .5s;cursor:pointer;margin:5px}.button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.button span:after{position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.button:hover span{padding-right:25px}.button:hover span:after{opacity:1;right:0}
32 </style>
33 </head>
34 <body appid="simpli-buy-7d636b">
35 <div id="smallForm">
36 <class appallin-universal-section="" au-pt-20="" dynamic-sized-element="" section-hovered="" style="background-color:rgba(255,255,255);background-size:cover;background-position:center center;background-repeat:no-repeat;padding:202px 0 !important;margin:0 !important;border-width:0;border-color:#424242;border-style:solid" margin-desktop-top="0" margin-desktop-bottom="0" margin-desktop-left="0" margin-desktop-right="0" padding-desktop-top="202" padding-desktop-bottom="202" padding-desktop-left="0" padding-desktop-right="0" video-background-poster="" video-background-path="" id="ui-id-194" market-id="3698873" owner-id="25" category="Hero">
37 <div class="container">
38 <div class="row">
39 <div class="col-sm-4 col-smp-4 col-md-2" style="margin:0 !important;padding:0 15px !important" margin-desktop-top="0" margin-desktop-bottom="0" margin-desktop-left="15" margin-desktop-right="15" padding-desktop-top="0" padding-desktop-bottom="0" padding-desktop-left="15" padding-desktop-right="15">
40 </div>
41 <div class="col-sm-4 col-smp-4 col-md-8" style="background-size:cover;background-repeat:no-repeat;background-attachment:initial;background-position:50% 50%;border-width:3px 3px 3px 3px;border-color:#dcdcdc;border-style:solid" video-background-poster="" video-background-path="">
42 <h3 class="appdrag-element fs-m" style="position:relative;margin-bottom:10px !important;margin-top:0 !important;padding:0 !important;text-align:justify !important" category="Texts" margin-desktop-bottom="10" padding-desktop-top="0" padding-desktop-bottom="0" padding-desktop-left="15" padding-desktop-right="15" market-id="3700131" owner-id="4" fs-m="11">
43 <br>
44 <br>
45 <span style="letter-spacing:1em;font-size:11px"><span style="font-family:syncopate"><strong><span style="font-size:24px">EMAIL ADDRESS:</span></strong></span></span>
46 </h3>
47 <div class="form-group">
48 <input type="text" id="email" name="email" placeholder="EXAMPLE@EMAIL.COM" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:3px;border-style:solid;border-color:#676767;text-indent:15px;height:50px;background-color:#ebebeb" letter-spacing="20" value="">
49 <style class="placeholder-color">
50 .appdrag-element[placeholder-id='dfk17r1m2q1'] ::-webkit-input-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] :moz-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] ::-moz-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] :-ms-input-placeholder{color:rgba(182,182,182,1)}
51 </style>
52 </div>
53 <div class="form-group">
54 <input type="hidden" id="origin" name="origin" placeholder="" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:3px;border-style:solid;border-color:#676767;text-indent:15px;height:50px;background-color:#ebebeb" letter-spacing="20" value="origin">
55 <style class="placeholder-color">
56 .appdrag-element[placeholder-id='dfk17r1m2q1'] ::-webkit-input-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] :moz-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] ::-moz-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] :-ms-input-placeholder{color:rgba(182,182,182,1)}
57 </style>
58 </div>
59 <h3 class="appdrag-element fs-tp fs-m" style="position:relative;margin-bottom:10px !important;margin-top:0 !important;padding:0 !important;text-align:justify !important" category="Texts" margin-desktop-bottom="10" padding-desktop-top="0" padding-desktop-bottom="0" padding-desktop-left="0" padding-desktop-right="0" market-id="3700132" owner-id="4" fs-tp="24" fs-m="12">
60 <span style="letter-spacing:1em;font-size:12px"><span style="font-family:syncopate"><strong><span style="font-size:24px">PHONE NUMBER:</span></strong></span></span>
61 </h3>
62 <div class="form-group">
63 <input type="text" id="phone_number" name="phone_number" placeholder="5551234567" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:3px;border-style:solid;border-color:#676767;text-indent:15px;height:50px;background-color:#ebebeb" letter-spacing="20" value="">
64 <style class="placeholder-color">
65 .appdrag-element[placeholder-id='dfk17r1m2q1'] ::-webkit-input-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] :moz-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] ::-moz-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] :-ms-input-placeholder{color:rgba(182,182,182,1)}
66 </style>
67 </div>
68 <h3 class="appdrag-element fs-m" style="position:relative;margin-bottom:10px !important;margin-top:50px !important;padding:0 !important;text-align:justify !important" category="Texts" margin-desktop-bottom="10" padding-desktop-top="0" padding-desktop-bottom="0" padding-desktop-left="0" padding-desktop-right="0" market-id="3700131" owner-id="4" margin-desktop-top="50" fs-m="24">
69 <span style="font-size:30px"><span style="letter-spacing:1em"><span style="font-family:syncopate"><strong>TOTAL:</strong></span></span></span>
70 </h3>
71 <div class="form-group">
72 <input type="text" id="amount_big" name="amount_big" placeholder="$0.00" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:3px;border-style:solid;border-color:#676767;text-indent:15px;height:50px;background-color:#ebebeb" letter-spacing="20" value="">
73 <style class="placeholder-color">
74 .appdrag-element[placeholder-id='dfk17r1m2q1'] ::-webkit-input-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] :moz-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] ::-moz-placeholder{color:rgba(182,182,182,1)}.appdrag-element[placeholder-id='dfk17r1m2q1'] :-ms-input-placeholder{color:rgba(182,182,182,1)}
75 </style>
76 <br>
77 <br>
78 <button style="vertical-align:middle" onclick="submitSmallForm()"><span>CONTINUE</span></button>
79 </div>
80 <br>
81 <h2 class="appdrag-element dynamic-sized-element ui-draggable-handle resizable-elem" style="position:relative;border-width:0;border-color:#636363;border-style:solid;margin-left:0;text-align:center !important;margin-top:0 !important;margin-right:0 !important;margin-bottom:20px !important;padding:0 0 5px !important" margin-desktop-top="0" margin-desktop-bottom="20" margin-desktop-left="0" margin-desktop-right="0" padding-desktop-top="0" padding-desktop-bottom="5" padding-desktop-left="0" padding-desktop-right="0">
82 <span style="letter-spacing:.05em"><span style="font-size:14px"><strong><span class="appdrag-palette-color-text-color" ck-color-back="text-color"><span style="font-family:montserrat"><span style="font-family:montserrat"><span style="text-decoration:inherit">DONT HAVE AN ACCOUNT? </span><span style="text-decoration:inherit" class="appdrag-palette-color-secondary-text-color" ck-color-back="secondary-text-color"><a data-cke-saved-href="https://ecommoncents.com/SIGN-UP.html" data-cke-pa-onclick="window.open(this.href, 'SIGNUP', 'resizable=yes,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=600,height=750'); return false;" href="https://ecommoncents.com/SIGN-UP.html">SIGN UP</a> </span><span style="text-decoration:inherit">IN SECONDS</span></span></span></span></strong></span></span>
83 </h2>
84 </div>
85 <div class="col-sm-4 col-smp-4 col-md-2">
86 </div>
87 </div>
88 </div>
89 </class>
90 </div>
91 <br>
92 <br>
93 <style media="screen">
94 .green{border:solid #008000 2px}.error{border:solid #f00 1px}.StripeElement{box-sizing:border-box;height:40px;padding:10px 12px;border:2px solid transparent;border-radius:8px;background-color:#eee;box-shadow:0 1px 5px 0 #222;-webkit-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease}.StripeElement--focus{box-shadow:5px 2px 5px 4px #36f}.StripeElement--invalid{border-color:#fa755a}.StripeElement--webkit-autofill{background-color:#fefde5 !important}.button{display:inline-block;border-radius:18px;background-color:#337ab7;border:4px solid #222;color:#f2f2f2 !important;text-align:center;font-size:28px;padding:20px;width:100%;transition:all .5s;cursor:pointer;margin:5px}.button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.button span:after{position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.button:hover span{padding-right:25px}.button:hover span:after{opacity:1;right:0}
95 </style>
96 <br>
97 <br>
98 <br>
99 <div id="bigForm">
100 <form id="payment-form">
101 <div class="container">
102 <input type="hidden" id="amount" name="amount" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:3px;border-style:solid;border-color:#444;text-indent:15px;height:50px;background-color:#fff" letter-spacing="20" value="amount">
103 <div id="amount">
104 </div>
105 <input type="hidden" id="stripeAccount" name="stripeAccount" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:4px;border-style:solid;border-color:#222;text-indent:15px;height:60px;background-color:#fff" letter-spacing="20" size="8" value="stripeAccount">
106 <div id="stripeAccount">
107 </div>
108 <input type="hidden" id="store_hash" name="store_hash" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:4px;border-style:solid;border-color:#222;text-indent:15px;height:60px;background-color:#fff" letter-spacing="20" size="8" value="store_hash">
109 <div id="store_hash">
110 </div>
111 <input type="hidden" id="x_auth_token" name="x_auth_token" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:4px;border-style:solid;border-color:#222;text-indent:15px;height:60px;background-color:#fff" letter-spacing="20" size="8" value="x_auth_token">
112 <div id="x_auth_token">
113 </div>
114 <input type="hidden" id="x_auth_client" name="x_auth_client" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:4px;border-style:solid;border-color:#222;text-indent:15px;height:60px;background-color:#fff" letter-spacing="20" size="8" value="x_auth_client">
115 <div id="x_auth_client">
116 </div>
117 <input type="hidden" id="phone_number_big" name="phone_number_big" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:4px;border-style:solid;border-color:#222;text-indent:15px;height:60px;background-color:#fff" letter-spacing="20" size="8" value="phone_number">
118 </div>
119 <div id="phone_number">
120 </div>
121 <input type="hidden" id="origin" name="origin" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:4px;border-style:solid;border-color:#222;text-indent:15px;height:60px;background-color:#fff" letter-spacing="20" size="8" value="origin">
122 <div id="origin">
123 </div>
124 <input type="hidden" id="email_big" name="email_big" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:4px;border-style:solid;border-color:#222;text-indent:15px;height:60px;background-color:#fff" letter-spacing="20" size="8" value="email">
125 <div id="email">
126 </div>
127 <div class="form-group">
128 <input type="hidden" id="stripeToken" name="stripeToken" class="form-control" style="font-family:Frutiger-Light;font-weight:bold;letter-spacing:.2em;border-width:4px;border-style:solid;border-color:#222;text-indent:15px;height:60px;background-color:#fff" letter-spacing="20" size="8" value="stripeToken">
129 </div>
130 <div id="card-element">
131 </div>
132 <br>
133 <br>
134
135 <script>
136
137 //also the fee is low it is supposed to be 2.1% TOTAL = amount AMOUNT= TOTAL *100
138 // A reference to Stripe.js initialized with your real test publishable API key.
139var stripe = Stripe("pk_test_MnayN0dW0ufSOb5jxMPBkkww00hlXAEOEB");
140
141function checkoutData() {
142stripeAccount = $("#stripeAccount").val();
143amount = $("#amount").val();
144phone_number = $("#phone_number").val();
145origin = location.host;
146var uploadData= {
147"origin" : origin,
148"email" : email,
149"amount" : amount,
150"stripeAccount" : stripeAccount,
151"phone_number" : phone_number
152};
153
154 $.ajax({
155 url: 'https://www.ecommoncents.com/api/WORKFLOW/PAYMENTINTENT-CREATE',
156 dataType: 'json',
157 type: 'POST',
158 data: JSON.stringify(uploadData),
159 success: function(response){
160
161 const data = response
162 clientSecret = response.payload;
163 purchaseData();
164 }
165 });
166
167
168}
169
170function purchaseData() {
171 debugger;
172 var FEE = (amount * .21).toFixed(0);
173 // The items the customer wants to buy
174 var purchase = {
175 items: [{
176 name: "$" + amount + " ORDER",
177 amount: amount,
178 currency: 'usd',
179 quantity: 1,
180 }],
181 payment_intent_data: {
182 application_fee_amount: FEE,
183 on_behalf_of: stripeAccount,
184 transfer_data: {
185 destination: stripeAccount,
186 },
187 }
188 };
189 callme();
190}
191
192function callme(){
193
194
195 // Calls stripe.confirmCardPayment
196 // If the card requires authentication Stripe shows a pop-up modal to
197 // prompt the user to enter authentication details without leaving your page.
198
199 // function below this line is responsble for opening modal ,put this code in a seperate function , a node function?
200 var payWithCard = function(stripe, card, clientSecret) {
201 debugger;
202 loading(true);
203 stripe
204 .confirmCardPayment(clientSecret, {
205 payment_method: {
206 card: card
207 }
208 })
209 .then(function(result) {
210
211 if (result.error) {
212
213 showError(result.error.message);
214 } else if (result.paymentIntent.id) {
215
216 orderComplete(result.paymentIntent.id);
217 }
218 });
219};
220}
221
222
223
224
225 /* ------- UI helpers ------- */
226 // Shows a success message when the payment is complete
227 var orderComplete = function(paymentIntentId) {
228 loading(false);
229 document
230 .querySelector(".result-message a")
231 .setAttribute(
232 "href",
233 "https://dashboard.stripe.com/test/payments/" + paymentIntentId
234 );
235 document.querySelector(".result-message").classList.remove("hidden");
236 document.querySelector("button").disabled = true;
237 };
238 // Show the customer the error from Stripe if their card fails to charge
239 var showError = function(errorMsgText) {
240 loading(false);
241 var errorMsg = document.querySelector("#card-errors");
242 errorMsg.textContent = errorMsgText;
243 setTimeout(function() {
244 errorMsg.textContent = "";
245 }, 4000);
246 };
247 // Show a spinner on payment submission
248 var loading = function(isLoading) {
249 if (isLoading) {
250 // Disable the button and show a spinner
251 document.querySelector("button").disabled = true;
252 document.querySelector("#spinner").classList.remove("hidden");
253 document.querySelector("#button-text").classList.add("hidden");
254 } else {
255 document.querySelector("button").disabled = false;
256 document.querySelector("#spinner").classList.add("hidden");
257 document.querySelector("#button-text").classList.remove("hidden");
258 }
259 };
260
261
262 </script>
263 <script>
264
265
266
267 // Disable the button until we have Stripe set up on the page
268 document.querySelector("button").disabled = false;
269 var elements = stripe.elements();
270 var style = {
271 base: {
272 color: "#32325d",
273 fontFamily: 'Arial, sans-serif',
274 fontSmoothing: "antialiased",
275 fontSize: "16px",
276 "::placeholder": {
277 color: "#32325d"
278 }
279 },
280 invalid: {
281 fontFamily: 'Arial, sans-serif',
282 color: "#fa755a",
283 iconColor: "#fa755a"
284 }
285 };
286 var card = elements.create("card", {
287 style: style
288 });
289 // Stripe injects an iframe into the DOM
290 card.mount("#card-element");
291 card.on("change", function(event) {
292 // Disable the Pay button if there are no card details in the Element
293 document.querySelector("button").disabled = event.empty;
294 document.querySelector("#card-errors").textContent = event.error ? event.error.message : "";
295 });
296 var form = document.getElementById("payment-form");
297 form.addEventListener("submit", function(event) {
298 event.preventDefault();
299 // Complete payment when the submit button is clicked
300 //
301 checkoutData();
302 //purchaseData(stripe, card, clientSecret);
303 });
304
305
306
307 </script>
308 <div class="spinner hidden" id="spinner">
309 </div>
310 <button id="submit" class="button-credit-card" onclick="callme()">Pay + AMOUNT</button>
311 <p id="card-errors" role="alert">
312 </p>
313 <p class="result-message hidden">
314 Payment succeeded, see the result in your <a href="" target="_blank">Stripe dashboard.</a> Refresh the page to pay again.
315 </p>
316 </form>
317 <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous">
318
319
320
321
322 </script>
323 <script>
324
325
326
327 $('#bigForm').hide();
328
329
330 </script>
331 <script>
332
333
334
335 function submitSmallForm(){
336 var settings = {
337 "url": "https://www.ecommoncents.com/api/authentication/CHECKOUT-VERIFICATION",
338 "data": {
339 "email" : $('#email').val(),
340 "phone_number" : $('#phone_number').val(),
341 "amount" : $('#amount').val(),
342 "AD_PageNbr" : "1",
343 "AD_PageSize" : "500"
344 },
345 "method": "POST",
346 "async": false,
347 "crossDomain": true,
348 "processData": true
349 };
350
351 $.ajax(settings).done(function (response) {
352 const data = response
353 var tableData = data.Table[0];
354 if (tableData != undefined && tableData != null) {
355 $('#smallForm').hide();
356 submitBigForm();
357 $('#bigForm').show();
358 } else {
359 alert('Invalid email or password');
360 };
361 });
362
363 }
364
365 function submitBigForm(){
366 var origin = location.host;
367 var settings = {
368 "url": "https://www.ecommoncents.com/api/WORKFLOW/HEADERSv2",
369 "data": {
370 "origin" : origin,
371 "AD_PageNbr" : "1",
372 "AD_PageSize" : "500"
373 },
374 "method": "POST",
375 "async": true,
376 "crossDomain": true,
377 "processData": true
378 };
379 $.ajax(settings).done(function (response) {
380 const data = response
381 var tableData = data.Table[0];
382 if (tableData != undefined && tableData != null) {
383 $('#stripeAccount').val(tableData.stripeAccount);
384 $('#store_hash').val(tableData.store_hash);
385 $('#x_auth_token').val(tableData.x_auth_token);
386 $('#x_auth_client').val(tableData.x_auth_client);
387
388 $('#phone_number_big').val($('#phone_number').val());
389 $('#amount').val($('#amount_big').val());
390 $('#email_big').val($('#email').val());
391 }
392 });
393
394 }
395
396
397 </script>
398 </div>
399 </body>
400</html>