· 5 years ago · May 14, 2020, 03:12 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 <button id="submit">
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
167function purchaseData() {
168 debugger;
169 var FEE = (amount * .21).toFixed(0);
170 // The items the customer wants to buy
171 var purchase = {
172 items: [{
173 name: "$" + amount + " ORDER",
174 amount: amount,
175 currency: 'usd',
176 quantity: 1,
177 }],
178 payment_intent_data: {
179 application_fee_amount: FEE,
180 on_behalf_of: stripeAccount,
181 transfer_data: {
182 destination: stripeAccount,
183 },
184 }
185 };
186 callme();
187}
188
189function callme(){
190
191
192 // Calls stripe.confirmCardPayment
193 // If the card requires authentication Stripe shows a pop-up modal to
194 // prompt the user to enter authentication details without leaving your page.
195
196 // function below this line is responsble for opening modal ,put this code in a seperate function , a node function?
197 var payWithCard = function(stripe, card, clientSecret) {
198 debugger;
199 loading(true);
200 stripe
201 .confirmCardPayment(clientSecret, {
202 payment_method: {
203 card: card
204 }
205 })
206 .then(function(result) {
207
208 if (result.error) {
209
210 showError(result.error.message);
211 } else if (result.paymentIntent.id) {
212
213 orderComplete(result.paymentIntent.id);
214 }
215 });
216};
217}
218};
219
220
221 /* ------- UI helpers ------- */
222 // Shows a success message when the payment is complete
223 var orderComplete = function(paymentIntentId) {
224 loading(false);
225 document
226 .querySelector(".result-message a")
227 .setAttribute(
228 "href",
229 "https://dashboard.stripe.com/test/payments/" + paymentIntentId
230 );
231 document.querySelector(".result-message").classList.remove("hidden");
232 document.querySelector("button").disabled = true;
233 };
234 // Show the customer the error from Stripe if their card fails to charge
235 var showError = function(errorMsgText) {
236 loading(false);
237 var errorMsg = document.querySelector("#card-errors");
238 errorMsg.textContent = errorMsgText;
239 setTimeout(function() {
240 errorMsg.textContent = "";
241 }, 4000);
242 };
243 // Show a spinner on payment submission
244 var loading = function(isLoading) {
245 if (isLoading) {
246 // Disable the button and show a spinner
247 document.querySelector("button").disabled = true;
248 document.querySelector("#spinner").classList.remove("hidden");
249 document.querySelector("#button-text").classList.add("hidden");
250 } else {
251 document.querySelector("button").disabled = false;
252 document.querySelector("#spinner").classList.add("hidden");
253 document.querySelector("#button-text").classList.remove("hidden");
254 }
255 };
256
257
258 </script>
259 <script>
260
261
262
263 // Disable the button until we have Stripe set up on the page
264 document.querySelector("button").disabled = false;
265 var elements = stripe.elements();
266 var style = {
267 base: {
268 color: "#32325d",
269 fontFamily: 'Arial, sans-serif',
270 fontSmoothing: "antialiased",
271 fontSize: "16px",
272 "::placeholder": {
273 color: "#32325d"
274 }
275 },
276 invalid: {
277 fontFamily: 'Arial, sans-serif',
278 color: "#fa755a",
279 iconColor: "#fa755a"
280 }
281 };
282 var card = elements.create("card", {
283 style: style
284 });
285 // Stripe injects an iframe into the DOM
286 card.mount("#card-element");
287 card.on("change", function(event) {
288 // Disable the Pay button if there are no card details in the Element
289 document.querySelector("button").disabled = event.empty;
290 document.querySelector("#card-errors").textContent = event.error ? event.error.message : "";
291 });
292 var form = document.getElementById("payment-form");
293 form.addEventListener("submit", function(event) {
294 event.preventDefault();
295 // Complete payment when the submit button is clicked
296 //
297 checkoutData();
298 //purchaseData(stripe, card, clientSecret);
299 });
300
301
302
303 </script>
304 <div class="spinner hidden" id="spinner">
305 </div>
306 <span id="button-text">Pay</span></button>
307 <p id="card-errors" role="alert">
308 </p>
309 <p class="result-message hidden">
310 Payment succeeded, see the result in your <a href="" target="_blank">Stripe dashboard.</a> Refresh the page to pay again.
311 </p>
312 </form>
313 <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous">
314
315
316
317
318 </script>
319 <script>
320
321
322
323 $('#bigForm').hide();
324
325
326 </script>
327 <script>
328
329
330
331 function submitSmallForm(){
332 var settings = {
333 "url": "https://www.ecommoncents.com/api/authentication/CHECKOUT-VERIFICATION",
334 "data": {
335 "email" : $('#email').val(),
336 "phone_number" : $('#phone_number').val(),
337 "amount" : $('#amount').val(),
338 "AD_PageNbr" : "1",
339 "AD_PageSize" : "500"
340 },
341 "method": "POST",
342 "async": false,
343 "crossDomain": true,
344 "processData": true
345 };
346
347 $.ajax(settings).done(function (response) {
348 const data = response
349 var tableData = data.Table[0];
350 if (tableData != undefined && tableData != null) {
351 $('#smallForm').hide();
352 submitBigForm();
353 $('#bigForm').show();
354 } else {
355 alert('Invalid email or password');
356 };
357 });
358
359 }
360
361 function submitBigForm(){
362 var origin = location.host;
363 var settings = {
364 "url": "https://www.ecommoncents.com/api/WORKFLOW/HEADERSv2",
365 "data": {
366 "origin" : origin,
367 "AD_PageNbr" : "1",
368 "AD_PageSize" : "500"
369 },
370 "method": "POST",
371 "async": true,
372 "crossDomain": true,
373 "processData": true
374 };
375 $.ajax(settings).done(function (response) {
376 const data = response
377 var tableData = data.Table[0];
378 if (tableData != undefined && tableData != null) {
379 $('#stripeAccount').val(tableData.stripeAccount);
380 $('#store_hash').val(tableData.store_hash);
381 $('#x_auth_token').val(tableData.x_auth_token);
382 $('#x_auth_client').val(tableData.x_auth_client);
383
384 $('#phone_number_big').val($('#phone_number').val());
385 $('#amount').val($('#amount_big').val());
386 $('#email_big').val($('#email').val());
387 }
388 });
389
390 }
391
392
393 </script>
394 </div>
395 </body>
396</html>