API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 14th, 2017
2,321
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 80.55 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- Turn off compatibility view -->
  7. <link rel="shortcut icon" href="https://ap-gateway.mastercard.com/checkout/public/images/favicon.ico" />
  8.  
  9.  
  10.  
  11.  
  12.  
  13.  
  14. <base href="https://ap-gateway.mastercard.com/checkout/base/1513246610189/BLF/" />
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22. <!-- Loader CSS -->
  23. <style type="text/css">.cs-loader,.cs-loader-inner{position:absolute;width:100%}.cs-loader{top:0;left:0;height:100%}.cs-loader-inner{transform:translateY(-50%);top:50%;text-align:center}.cs-loader-inner label{width: 10px;height: 10px;border-radius: 50%;background-color: green;opacity:0;display:inline-block}@keyframes lol{0%{opacity:0;transform:translateX(-300px)}33%,66%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(300px)}}@-webkit-keyframes lol{0%,100%{opacity:0}33%,66%{opacity:1}}.cs-loader-inner label:nth-child(6){animation:lol 3s infinite ease-in-out}.cs-loader-inner label:nth-child(5){animation:lol 3s .1s infinite ease-in-out}.cs-loader-inner label:nth-child(4){animation:lol 3s .2s infinite ease-in-out}.cs-loader-inner label:nth-child(3){animation:lol 3s .3s infinite ease-in-out}.cs-loader-inner label:nth-child(2){animation:lol 3s .4s infinite ease-in-out}.cs-loader-inner label:nth-child(1){animation:lol 3s .5s infinite ease-in-out}</style>
  24. <link href="https://ap-gateway.mastercard.com/checkout/public/css/default.css?cache=-706f3571871b4dd6bc1c0703c3329f2c" rel="stylesheet" type="text/css">
  25.  
  26.  
  27. <script src="/asset/public/assets.js"></script>
  28. <script type="text/javascript">
  29. Assets.addStyleSheets(['/asset/public/checkout/css/bootstrap.min.css',
  30. '/asset/resource_theme/checkout/default/css/style.css']);
  31. </script>
  32. <title>Secure payment</title><meta name="viewport" content="width=device-width, initial-scale=1.0" />
  33. <!--
  34. This Javascript enables responsive web designs in browsers that don't support CSS3 Media Queries - in particular, Internet Explorer 8 and under.
  35. See https://github.com/scottjehl/Respond
  36. -->
  37. <!--[if lte IE 8]>
  38. <script type="text/javascript" src="https://ap-gateway.mastercard.com/checkout/public/scripts/vendor/respond.min.js"></script>
  39. <![endif]-->
  40.  
  41.  
  42. <script type="text/javascript">
  43. var _gaq = _gaq || [];
  44. _gaq.push(['_setAccount', 'UA-41892951-3']);
  45. _gaq.push(['_setAllowLinker', true]);
  46. _gaq.push(['_trackPageview']);
  47.  
  48.  
  49.  
  50. (function() {
  51. var ga = document.createElement('script');
  52. ga.type = 'text/javascript';
  53. ga.async = true;
  54. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  55. var s = document.getElementsByTagName('script')[0];
  56. s.parentNode.insertBefore(ga, s);
  57. })();
  58. </script>
  59.  
  60. <script type="text/javascript">
  61. <!--//--><![CDATA[//><!--
  62. var _prum = [['id', '52c4cc36abe53d461e000000'],
  63. ['mark', 'firstbyte', (new Date()).getTime()]];
  64. (function() {
  65. var s = document.getElementsByTagName('script')[0]
  66. , p = document.createElement('script');
  67. p.async = 'async';
  68. p.src = '//rum-static.pingdom.net/prum.min.js';
  69. s.parentNode.insertBefore(p, s);
  70. })();
  71. //--><!]]>
  72. </script>
  73.  
  74. </head>
  75. <body style="display:none" class="validateable">
  76.  
  77. <!-- Loader -->
  78. <div id="loader" class="cs-loader">
  79. <div class="cs-loader-inner">
  80. <label></label>
  81. <label></label>
  82. <label></label>
  83. <label></label>
  84. <label></label>
  85. <label></label>
  86. </div>
  87. </div><div id="payContainer" class="container pay" style="display: none">
  88.  
  89. <div class="row ">
  90. <div class="col-md-12 header">
  91. <div class="inline-middle">
  92. <div data-hppcontainerfor="merchantLogo">
  93. <img class="merchantLogo" data-hppmerchantlogo="" />
  94. </div>
  95. </div>
  96. <div class="inline-middle merchantName">
  97. <h1 data-hppmerchantname=""></h1>
  98. <a class="visible-xs merchantPhone" data-hppmerchantphone=""></a>
  99. <span>Secure payment</span><i class="icon-lock"></i>
  100. </div>
  101. <div data-hppcontainerfor="merchantPhone" class="right-middle">
  102. <div class="hidden-xs">
  103. <span class="merchantPhone" data-hppmerchantphone=""></span>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <div id="unsuccessfulErrorRow" class="row">
  109. <div class="col-md-12">
  110. <div class="alert alert-danger" data-hppcontainerfor="unsuccessfulErrorMessage">
  111. <p data-hppunsuccessfulerrormessage=""><i class="icon-exclamation-sign icon-2x"></i>Your transaction was unsuccessful, please check your details and try again.</p>
  112. </div>
  113. </div>
  114. </div>
  115.  
  116. <div class="well">
  117. <h2 class="h2 hideOnSinglePaymentMethod">Payment details</h2>
  118. <div class="row">
  119. <div id="cardDetails" class="col-md-12 cardDetails">
  120. <div data-hppcontent="paymentDetails"><div class="row">
  121. <div class="col-md-12">
  122. <div id="paymentMethodInfo">
  123. <div class="help-block">Please select your payment method.</div>
  124. </div>
  125. </div>
  126. </div>
  127. <div class="row">
  128. <div class="col-md-12">
  129. <div class="accordion panel-group" id="paymentDetails" role="tablist">
  130.  
  131. <!-- CREDIT/DEBIT Cards -->
  132. <div class="panel panel-default" data-hpppaymentmethodcontainer="CARD" aria-expanded="false" role="tab">
  133. <div class="panel-heading collapsed">
  134. <div class="panel-title clearfix">
  135. <input id="paymentMethodCardInput" class="pull-left" type="radio" name="paymentMethod" value="CARD" data-hpppaymentmethod="CARD" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='CARD']" aria-controls="paymentMethodCard" />
  136. <label class="radio-inline pull-left" for="paymentMethodCardInput">
  137. <span class="paymentMethodText">Credit or Debit card</span>
  138. <span class="creditLogo logo"></span>
  139. </label>
  140. </div>
  141. </div>
  142. <div id="paymentMethodCard" data-hpppaymentmethoddetail="CARD" class="panel-collapse collapse">
  143. <div class="panel-body">
  144. <div data-hppcontent="cardDetails"><fieldset>
  145. <legend class="hiddenOffScreen">Card details</legend>
  146. <div class="row">
  147. <div class="col-md-12">
  148. <div class="form-group">
  149. <label class="control-label" for="cardNumber">
  150. <span>Card number</span>
  151. <span class="requiredStar">*</span>
  152. </label>
  153. <div class="row">
  154. <div class="col-sm-5 col-md-4 card-input">
  155. <div class="cardNumber">
  156. <input type="tel" class="form-control" id="cardNumber" data-hppcardnumber="" />
  157. </div>
  158. </div>
  159. <span class="help-block errorMessage" data-hppvalidatetext="cardNumber"></span>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. <div class="row logoRow">
  165. <div class="col-md-12">
  166. <span class="amexCardLogo" data-hpppaymenttype="amex"></span>
  167. <span class="banamexCostcoCardLogo" data-hpppaymenttype="banamex_costco"></span>
  168. <span class="carnetCardLogo" data-hpppaymenttype="carnet"></span>
  169. <span class="carteBancaireCardLogo" data-hpppaymenttype="carte_bancaire"></span>
  170. <span class="dinersClubCardLogo" data-hpppaymenttype="diners_club"></span>
  171. <span class="discoverCardLogo" data-hpppaymenttype="discover"></span>
  172. <span class="eloCardLogo" data-hpppaymenttype="elo"></span>
  173. <span class="farmersCardLogo" data-hpppaymenttype="farmers_card"></span>
  174. <span class="jcbCardLogo" data-hpppaymenttype="jcb"></span>
  175. <span class="laserCardLogo" data-hpppaymenttype="laser"></span>
  176. <span class="maestroCardLogo" data-hpppaymenttype="maestro"></span>
  177. <span class="mastercardCardLogo" data-hpppaymenttype="mastercard"></span>
  178. <span class="qCardLogo" data-hpppaymenttype="q_card"></span>
  179. <span class="sorianaCardLogo" data-hpppaymenttype="soriana"></span>
  180. <span class="trueRewardsCardLogo" data-hpppaymenttype="true_rewards"></span>
  181. <span class="uatpCardLogo" data-hpppaymenttype="uatp"></span>
  182. <span class="visaCardLogo" data-hpppaymenttype="visa"></span>
  183. <span class="otherCardLogo" data-hpppaymenttype="other"></span>
  184. </div>
  185. </div>
  186. <div class="row">
  187. <div class="col-md-12">
  188. <div class="form-group card-expiry">
  189. <label for="expiryMonth" class="control-label">Expiry month <span class="requiredStar">*</span></label>
  190. <div>
  191. <select id="expiryMonth" class="form-control" data-hppexpirymonth="">
  192. <option value="">MM</option>
  193. </select>
  194. </div>
  195. </div>
  196. <div class="form-group card-expiry">
  197. <label for="expiryYear" class="control-label">Expiry year <span class="requiredStar">*</span></label>
  198. <div>
  199. <select id="expiryYear" class="form-control" data-hppexpiryyear="">
  200. <option value="">YY</option>
  201. </select>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206.  
  207. <div class="row">
  208. <div class="col-md-12">
  209. <div class="form-group">
  210. <label class="control-label" for="cardHolderName">
  211. <span>Cardholder name</span>
  212. <span class="requiredStar">*</span>
  213. </label>
  214.  
  215. <div class="row ">
  216. <div class="col-sm-8 col-md-6 card-name">
  217. <input class="form-control" type="text" id="cardHolderName" data-hppcardholdername="" maxlength="50" />
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. </div>
  223.  
  224. <div class="row">
  225. <div class="col-md-12">
  226. <div class="form-group">
  227. <label id="cscLocationLabel" class="control-label" for="csc">
  228. <span>Security code</span>
  229. <span class="requiredStar">*</span>
  230. </label>
  231. <div class="row">
  232. <div class="col-md-12">
  233. <input id="csc" type="tel" class="form-control" aria-describedby="cscHint" data-hppcardsecuritycode="" />
  234. <div id="cscHint" style="display: inline-block">
  235. <div class="csvinfo">
  236. <div id="cscAmex">
  237. <span class="cscAmexLogo"></span>
  238. <span><strong>4 digits</strong> on front of your card towards the right</span>
  239. </div>
  240. <div id="cscOther">
  241. <span class="cscOtherLogo"></span>
  242. <span><strong>3 digits</strong> on back of your card</span>
  243. </div>
  244. <div id="cscCmc">
  245. <span class="cscCmcLogo"></span>
  246. <span><strong>3 digits</strong> on front of your card</span>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251.  
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. </fieldset> </div>
  257. <div data-hppcontent="plans"><div class="row paymentPlans" data-hppdisplaycontrolcontainerfor="plans">
  258. <div class="col-md-12">
  259. <div id="planHolder">
  260.  
  261. </div>
  262. </div>
  263. <script type="text/template" id="planTemplate">
  264. <% _.forIn(data, function(planData, planId) { %>
  265. <table class="table table-bordered">
  266. <tr>
  267. <td class="planCheckbox">
  268. <input id="<%=planId%>" type="radio" name="planId" value="<%=planId%>">
  269. </td>
  270. <td>
  271. <label for="<%=planId%>">
  272. <% if ( planId !== "NONE" ) { %>
  273. <span class="payWith">Pay with:</span>
  274. <% } %>
  275. <span><%= planData.displayName %></span>
  276. </label>
  277. </td>
  278. </tr>
  279. <% if ( planId !== "NONE" ) { %>
  280. <tr>
  281. <td colspan="2">
  282. <div class="form-inline planSelections">
  283. <% if ( planData.text ) { %>
  284. <%-planData.text%>
  285. <% } else { %>
  286. <% if ( planData.numberOfPayments ) { %>
  287. <div class="form-group ">
  288.  
  289. <select class="payments form-control" >
  290. <% _.forIn(planData.numberOfPayments, function(display, value) { %>
  291. <option value="<%=value%>" ><%-display%></option>
  292. <%});%>
  293. </select>
  294. </div>
  295. <% } else if ( planData.numberOfPaymentsText ) { %>
  296. <span class="numberOfPaymentsText"><%= planData.numberOfPaymentsText %></span>
  297. <% } %>
  298. <% if ( planData.numberOfDeferrals ) { %>
  299. <div class="form-group ">
  300. <select class="deferrals form-control" >
  301. <% _.forIn(planData.numberOfDeferrals, function(display, value) { %>
  302. <option value="<%=value%>" ><%-display%></option>
  303. <%});%>
  304. </select>
  305. </div>
  306. <% } else if ( planData.numberOfDeferralsText ) { %>
  307. <span class="numberOfDeferralsText"><%- planData.numberOfDeferralsText %></span>
  308. <% } %>
  309. <% } %>
  310. <% if ( planData.payerInterest ) { %>
  311. <div class="form-group payerInterest"><%- planData.payerInterest %></div>
  312. <% } %>
  313.  
  314. </div>
  315. </td>
  316. </tr>
  317. <tr class="offer">
  318. <td colspan="2">
  319. <span class="spinner"></span>
  320. <span class="offerText"></span>
  321. </td>
  322. </tr>
  323. <% } %>
  324. </table>
  325. <% }); %>
  326. </script>
  327. </div></div>
  328. </div>
  329. </div>
  330. </div>
  331.  
  332. <!-- PAYPAL -->
  333. <div class="panel panel-default" data-hpppaymentmethodcontainer="PAYPAL" aria-expanded="false" role="tab">
  334. <div class="panel-heading collapsed">
  335. <div class="panel-title clearfix collapsed">
  336. <input id="paymentMethodPaypalInput" class="pull-left" type="radio" name="paymentMethod" value="PAYPAL" data-hpppaymentmethod="PAYPAL" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='PAYPAL']" aria-controls="paymentMethodPaypal" />
  337. <label class="radio-inline pull-left" for="paymentMethodPaypalInput">
  338. <span class="paymentMethodText">PayPal</span>
  339. <span class="paypalLogo logo"></span>
  340. </label>
  341. </div>
  342. </div>
  343. <div id="paymentMethodPaypal" data-hpppaymentmethoddetail="PAYPAL" class="panel-collapse collapse">
  344. <div class="panel-body">
  345. <div class="row">
  346. <div class="col-md-12">You will be redirected to the PayPal website.</div>
  347. </div>
  348. </div>
  349. </div>
  350. </div>
  351.  
  352. <!-- UNION_PAY -->
  353. <div class="panel panel-default" data-hpppaymentmethodcontainer="UNION_PAY" aria-expanded="false" role="tab">
  354. <div class="panel-heading collapsed">
  355. <div class="panel-title clearfix collapsed">
  356. <input id="paymentMethodUnionPayInput" class="pull-left" type="radio" name="paymentMethod" value="UNION_PAY" data-hpppaymentmethod="UNION_PAY" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='UNION_PAY']" aria-controls="paymentMethodUnionPay" />
  357. <label class="radio-inline pull-left" for="paymentMethodUnionPayInput">
  358. <span class="paymentMethodText">UnionPay SecurePay</span>
  359. <span class="unionpayLogo logo"></span>
  360. </label>
  361. </div>
  362. </div>
  363. <div id="paymentMethodUnionPay" data-hpppaymentmethoddetail="UNION_PAY" class="panel-collapse collapse">
  364. <div class="panel-body">
  365. <div class="row">
  366. <div class="col-md-12">You will be redirected to the UnionPay SecurePay website.</div>
  367. </div>
  368. </div>
  369. </div>
  370. </div>
  371.  
  372. <!-- BANCANET -->
  373. <div class="panel panel-default" data-hpppaymentmethodcontainer="BANCANET" aria-expanded="false" role="tab">
  374. <div class="panel-heading collapsed">
  375. <div class="panel-title clearfix collapsed">
  376. <input id="paymentMethodBancanetInput" class="pull-left" type="radio" name="paymentMethod" value="BANCANET" data-hpppaymentmethod="BANCANET" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='BANCANET']" aria-controls="paymentMethodBancanet" />
  377. <label class="radio-inline pull-left" for="paymentMethodBancanetInput">
  378. <span class="paymentMethodText">BancaNet Directo</span>
  379. <span class="bancanetLogo logo"></span>
  380. </label>
  381. </div>
  382. </div>
  383. <div id="paymentMethodBancanet" data-hpppaymentmethoddetail="BANCANET" class="panel-collapse collapse">
  384. <div class="panel-body">
  385. <div class="row">
  386. <div class="col-md-12">You will be redirected to BancaNet Directo Online Banking.</div>
  387. </div>
  388. </div>
  389. </div>
  390. </div>
  391.  
  392. <!-- MASTERPASS -->
  393. <div class="panel panel-default" data-hpppaymentmethodcontainer="MASTERPASS_ONLINE" aria-expanded="false" role="tab">
  394. <div class="panel-heading collapsed">
  395. <div class="panel-title clearfix collapsed">
  396. <input id="paymentMethodMasterpassInput" class="pull-left" type="radio" name="paymentMethod" value="MASTERPASS_ONLINE" data-hpppaymentmethod="MASTERPASS_ONLINE" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='MASTERPASS_ONLINE']" aria-controls="paymentMethodMasterpass" />
  397. <label class="radio-inline pull-left" for="paymentMethodMasterpassInput">
  398. <span class="paymentMethodText">Masterpass</span>
  399. <span class="masterpassLogo logo"></span>
  400. <span class="masterpassLearnMoreLinkText">
  401. <a id="masterPassLearnMoreLink" href="https://www.mastercard.com/mc_us/wallet/learnmore/en/US/" target="_blank">Learn more</a>
  402. </span>
  403. </label>
  404. </div>
  405. </div>
  406. <div id="paymentMethodMasterpass" data-hpppaymentmethoddetail="MASTERPASS_ONLINE" class="panel-collapse collapse">
  407. <div class="panel-body">
  408. <div class="row">
  409. <div class="col-md-12">You will be redirected to the Masterpass website.</div>
  410. </div>
  411. </div>
  412. </div>
  413. </div>
  414.  
  415. <!-- VISA_CHECKOUT -->
  416. <div class="panel panel-default" data-hpppaymentmethodcontainer="VISA_CHECKOUT" aria-expanded="false" role="tab">
  417. <div class="panel-heading collapsed">
  418. <div class="panel-title clearfix collapsed">
  419. <input id="paymentMethodVisaInput" class="pull-left" type="radio" name="paymentMethod" value="VISA_CHECKOUT" data-hpppaymentmethod="VISA_CHECKOUT" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='VISA_CHECKOUT']" aria-controls="paymentMethodVisa" />
  420. <label class="radio-inline pull-left" for="paymentMethodVisaInput">
  421. <span class="paymentMethodText">Visa Checkout</span>
  422. <span class="visaCheckoutLogo logo"></span>
  423. </label>
  424. </div>
  425. </div>
  426. <div id="paymentMethodVisa" data-hpppaymentmethoddetail="VISA_CHECKOUT" class="panel-collapse collapse">
  427. <div class="panel-body">
  428. <div class="row">
  429. <div class="col-md-12">You will be able to select your payment details at Visa Checkout.</div>
  430. </div>
  431. </div>
  432. </div>
  433. </div>
  434.  
  435. <!-- AMEX_EXPRESS_CHECKOUT -->
  436. <div class="panel panel-default" data-hpppaymentmethodcontainer="AMEX_EXPRESS_CHECKOUT" aria-expanded="false" role="tab">
  437. <div class="panel-heading collapsed">
  438. <div class="panel-title clearfix collapsed">
  439. <input id="paymentMethodAmexInput" class="pull-left" type="radio" name="paymentMethod" value="AMEX_EXPRESS_CHECKOUT" data-hpppaymentmethod="AMEX_EXPRESS_CHECKOUT" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='AMEX_EXPRESS_CHECKOUT']" aria-controls="paymentMethodAmex" />
  440. <label class="radio-inline pull-left" for="paymentMethodAmexInput">
  441. <span class="paymentMethodText">Amex Express Checkout</span>
  442. <span class="amexExpressCheckoutLogo logo"></span>
  443. </label>
  444. </div>
  445. </div>
  446. <div id="paymentMethodAmex" data-hpppaymentmethoddetail="AMEX_EXPRESS_CHECKOUT" class="panel-collapse collapse">
  447. <div class="panel-body">
  448. <div class="row">
  449. <div class="col-md-12">You will be able to select your payment details at Amex Express Checkout.</div>
  450. </div>
  451. </div>
  452. </div>
  453. </div>
  454.  
  455. <!-- COSTCO_CASH_CARD -->
  456. <div class="panel panel-default" data-hpppaymentmethodcontainer="COSTCO_CASH_CARD" aria-expanded="false" role="tab">
  457. <div class="panel-heading collapsed">
  458. <div class="panel-title clearfix collapsed">
  459. <input id="paymentMethodCostcoCardInput" class="pull-left" type="radio" name="paymentMethod" value="COSTCO_CASH_CARD" data-hpppaymentmethod="COSTCO_CASH_CARD" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='COSTCO_CASH_CARD']" aria-controls="paymentMethodCostcoCard" />
  460. <label class="radio-inline pull-left" for="paymentMethodCostcoCardInput">
  461. <span class="paymentMethodText">Costco Cash Card</span>
  462. <span class="costcoCashCardLogo logo"></span>
  463. </label>
  464. </div>
  465. </div>
  466. <div id="paymentMethodCostcoCard" data-hpppaymentmethoddetail="COSTCO_CASH_CARD" class="panel-collapse collapse">
  467. <div class="panel-body">
  468. <div data-hppcontent="costcoCashCardDetails"><div class="row">
  469. <div class="col-md-12">
  470. <div class="form-group">
  471. <label class="control-label" for="costcoCardNumber">
  472. <span>Card number</span>
  473. <span class="requiredStar">*</span>
  474. </label>
  475. <div class="row">
  476. <div class="col-sm-5 col-md-4 card-input">
  477. <div class="cardNumber">
  478. <input type="tel" class="form-control hide-placeholder" id="costcoCardNumber" placeholder="Card number" data-hppcostcocardnumber="" />
  479. </div>
  480.  
  481. </div>
  482. <span class="help-block errorMessage" data-hppvalidatetext="costcoCardNumber"></span>
  483. </div>
  484.  
  485.  
  486. </div>
  487. </div>
  488. </div>
  489.  
  490.  
  491.  
  492. <div class="row">
  493. <div class="col-md-12">
  494. <div class="form-group">
  495. <label class="control-label" for="costcoCardPin">
  496. <span>PIN</span><span class="requiredStar">*</span>
  497. </label>
  498. <div class="row">
  499. <div class="col-md-12">
  500. <input id="costcoCardPin" type="tel" class="form-control hide-placeholder" placeholder="Pin" data-hppcostcocardpin="" />
  501. </div>
  502. </div>
  503. </div>
  504. </div>
  505. </div>
  506. </div>
  507. </div>
  508. </div>
  509. </div>
  510.  
  511. <!-- ACH -->
  512. <div class="panel panel-default" data-hpppaymentmethodcontainer="ACH" aria-expanded="false" role="tab">
  513. <div class="panel-heading collapsed">
  514. <div class="panel-title clearfix collapsed">
  515. <input id="paymentMethodAchInput" class="pull-left" type="radio" name="paymentMethod" value="ACH" data-hpppaymentmethod="ACH" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='ACH']" aria-controls="paymentMethodAch" />
  516. <label class="radio-inline pull-left" for="paymentMethodAchInput">
  517. <span class="paymentMethodText">ACH - Electronic Check</span>
  518. <span class="achLogo logo"></span>
  519. </label>
  520. </div>
  521. </div>
  522. <div id="paymentMethodAch" data-hpppaymentmethoddetail="ACH" class="panel-collapse collapse">
  523. <div class="panel-body">
  524. <div data-hppcontent="achDetails"><div class="row">
  525. <div class="col-md-12">
  526. <div class="form-group">
  527. <label class="control-label" for="achRoutingNumber">
  528. <span>Routing Number</span>
  529. <span class="requiredStar">*</span>
  530. </label>
  531. <div class="row">
  532. <div class="col-sm-5 col-md-4 card-input">
  533. <div class="cardNumber">
  534. <input type="tel" class="form-control hide-placeholder" id="achRoutingNumber" placeholder="Routing Number" data-hppachroutingnumber="" />
  535. </div>
  536. <span class="help-block errorMessage" data-hppvalidatetext="achRoutingNumber"></span>
  537. </div>
  538. </div>
  539. </div>
  540. </div>
  541. <div class="col-md-12">
  542. <div class="form-group">
  543. <label class="control-label" for="achAccountNumber">
  544. <span>Account Number</span>
  545. <span class="requiredStar">*</span>
  546. </label>
  547. <div class="row">
  548. <div class="col-sm-5 col-md-4 card-input">
  549. <div class="cardNumber">
  550. <input type="tel" class="form-control hide-placeholder" id="achAccountNumber" placeholder="Account Number" data-hppachaccountnumber="" />
  551. </div>
  552. <span class="help-block errorMessage" data-hppvalidatetext="achAccountNumber"></span>
  553. </div>
  554. </div>
  555. </div>
  556. </div>
  557. </div>
  558.  
  559.  
  560.  
  561.  
  562. <div class="row ">
  563. <div class="col-md-12">
  564. <div class="form-group">
  565.  
  566. <label class="control-label" for="accountHolder"><span>Account Holder</span><span class="requiredStar">*</span>
  567. </label>
  568.  
  569. <div class="row ">
  570. <div class="col-sm-8 col-md-6 card-name">
  571. <input class="form-control hide-placeholder" type="text" id="accountHolder" placeholder="Account Holder" data-hppaccountholder="" maxlength="50" />
  572.  
  573. </div>
  574. </div>
  575. </div>
  576. </div>
  577. </div>
  578.  
  579. <div class="row ">
  580. <div class="col-md-12">
  581. <div class="form-group">
  582. <label class="control-label" for="accountType">
  583. <span>Account Type</span>
  584. <span class="requiredStar" data-hppmandatoryindicatorfor="accountType">*</span>
  585. </label>
  586. <div class="row">
  587. <div class="col-md-8">
  588. <select class="form-control" id="accountType" data-hppaccounttype="">
  589. <option value="">Select Account Type</option>
  590. <option value="CONSUMER_SAVINGS">Consumer Savings</option>
  591. <option value="CONSUMER_CHECKING">Consumer Checking</option>
  592. <option value="CORPORATE_CHECKING">Corporate Checking</option>
  593. </select>
  594. </div>
  595. <span class="help-block errorMessage" data-hppvalidatetext="accountType"></span>
  596. </div>
  597. </div>
  598. </div>
  599. </div></div>
  600. </div>
  601. </div>
  602. </div>
  603.  
  604. <!-- COSTCO -->
  605. <div class="panel panel-default" data-hpppaymentmethodcontainer="COSTCO" aria-expanded="false" role="tab">
  606. <div class="panel-heading collapsed">
  607. <div class="panel-title clearfix collapsed">
  608. <input id="paymentMethodCostcoInput" class="pull-left" type="radio" name="paymentMethod" value="COSTCO" data-hpppaymentmethod="COSTCO" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='COSTCO']" aria-controls="paymentMethodCostco" />
  609. <label class="radio-inline pull-left" for="paymentMethodCostcoInput">
  610. <span class="paymentMethodText">Costco Private Label</span>
  611. <span class="costcoPrivateLabelCardLogo logo"></span>
  612. </label>
  613. </div>
  614. </div>
  615. <div id="paymentMethodCostco" data-hpppaymentmethoddetail="COSTCO" class="panel-collapse collapse">
  616. <div class="panel-body">
  617. <div data-hppcontent="costcoPrivateLabelCardDetails"><!--
  618. ~ Copyright (c) 2015 MasterCard. All rights reserved.
  619. --><div class="row">
  620. <div class="col-md-12">
  621. <div class="form-group">
  622. <label class="control-label" for="costcoPLCardNumber">
  623. <span>Card number</span>
  624. <span class="requiredStar">*</span>
  625. </label>
  626. <div class="row">
  627. <div class="col-sm-5 col-md-4 card-input">
  628. <div class="cardNumber">
  629. <input type="tel" class="form-control hide-placeholder" id="costcoPLCardNumber" placeholder="Card number" data-hppcostcoplcardnumber="" />
  630. </div>
  631.  
  632. </div>
  633. <span class="help-block errorMessage" data-hppvalidatetext="costcoPLCardNumber"></span>
  634. </div>
  635. <div class="row ">
  636. <div class="col-md-12">
  637. <div class="form-group">
  638. <label class="control-label" for="costcoPLCardHolderName"><span>Cardholder name</span>
  639. </label>
  640.  
  641. <div class="row ">
  642. <div class="col-sm-8 col-md-6 card-name">
  643. <input class="form-control hide-placeholder" type="text" id="costcoPLCardHolderName" placeholder="Cardholder name" data-hppcostcoplcardholdername="" maxlength="50" />
  644.  
  645. </div>
  646. </div>
  647. </div>
  648. </div>
  649. </div>
  650. </div>
  651. </div>
  652. </div>
  653.  
  654.  
  655. </div>
  656. </div>
  657. </div>
  658. </div>
  659.  
  660. <!--CostCo Member Credit -->
  661. <div class="panel panel-default" data-hpppaymentmethodcontainer="COSTCO_MEMBER_CREDIT" aria-expanded="false" role="tab">
  662. <div class="panel-heading collapsed">
  663. <div class="panel-title clearfix collapsed">
  664. <input id="paymentMethodCostcoMCInput" class="pull-left" type="radio" name="paymentMethod" value="COSTCO_MEMBER_CREDIT" data-hpppaymentmethod="COSTCO_MEMBER_CREDIT" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='COSTCO_MEMBER_CREDIT']" aria-controls="paymentMethodCostcoMemberCredit" />
  665. <label class="radio-inline pull-left" for="paymentMethodCostcoMCInput">
  666. <span class="paymentMethodText">Costco Member Credit</span>
  667. <span class="costcoMemberCreditLogo logo"></span>
  668. </label>
  669. </div>
  670. </div>
  671. <div id="paymentMethodCostcoMemberCredit" data-hpppaymentmethoddetail="COSTCO_MEMBER_CREDIT" class="panel-collapse collapse">
  672. <div class="panel-body">
  673. <div data-hppcontent="costcoMemberCreditCardDetails"><!--
  674. ~ Copyright (c) 2015 MasterCard. All rights reserved.
  675. --><div class="row">
  676. <div class="col-md-12">
  677. <div class="form-group">
  678. <label class="control-label" for="costcoMCCardNumber">
  679. <span>Card number</span>
  680. <span class="requiredStar">*</span>
  681. </label>
  682. <div class="row">
  683. <div class="col-sm-5 col-md-4 card-input">
  684. <div class="cardNumber">
  685. <input type="tel" class="form-control hide-placeholder" id="costcoMCCardNumber" placeholder="Card number" data-hppcostcomccardnumber="" />
  686. </div>
  687.  
  688. </div>
  689. <span class="help-block errorMessage" data-hppvalidatetext="costcoMCCardNumber"></span>
  690. </div>
  691. </div>
  692. <div class="row ">
  693. <div class="col-md-12">
  694. <div class="form-group">
  695. <label class="control-label" for="costcoMCCardHolderName"><span>Cardholder name</span>
  696. </label>
  697.  
  698. <div class="row ">
  699. <div class="col-sm-8 col-md-6 card-name">
  700. <input class="form-control hide-placeholder" type="text" id="costcoMCCardHolderName" placeholder="Cardholder name" data-hppcostcomccardholdername="" maxlength="50" />
  701.  
  702. </div>
  703. </div>
  704. </div>
  705. </div>
  706. </div>
  707. <div class="row">
  708. <div class="col-md-12">
  709. <div class="form-group">
  710. <label id="costcoCscLocationLabel" class="control-label" data-hppcardsecuritycodelabel="" for="costcoMCCardSecurityCode">
  711. <span>Security code</span><span class="requiredStar">*</span>
  712. </label>
  713. <div class="row">
  714. <div class="col-md-12">
  715. <input id="costcoMCCardSecurityCode" type="tel" class="form-control hide-placeholder" placeholder="CSC" aria-describedby="cscHint" data-hppcostcomccardsecuritycode="" />
  716. <div id="cscHint" style="display: inline-block">
  717. <div class="csvinfo">
  718. <div id="cscCmc" data-hpppaymentmethodshowhide="COSTCO_MEMBER_CREDIT">
  719. <span class="cscCmcLogo"></span>
  720. <span><strong>3 digits</strong> on front of your card</span>
  721. </div>
  722. </div>
  723. </div>
  724. </div>
  725. </div>
  726. </div>
  727. </div>
  728. </div>
  729. </div>
  730. </div>
  731.  
  732.  
  733. </div>
  734. </div>
  735. </div>
  736. </div>
  737. </div>
  738. </div>
  739. </div></div>
  740. </div>
  741. </div>
  742. </div>
  743.  
  744. <div class="row" data-hppdccshowhide="">
  745. <div id="dccDetails" class="col-md-12">
  746. <div data-hppcontent="dcc" class="well"><div data-hppdccoffer=""></div></div>
  747. </div>
  748. </div>
  749.  
  750. <div class="well" data-hppcontainerfor="shippingAndbilling">
  751. <div class="row">
  752. <div data-hppcontainerfor="shipping">
  753. <div class="col-md-6">
  754. <h2 class="h2" data-trigger-tooltip="" tabindex="0">
  755. <span>Shipping address</span>
  756. <span data-hppcontent="shippingInfo"><span id="info" class="info">
  757. <i class="icon-info-sign infoIcon grayIcon" data-toggle="tooltip" data-placement="auto top" title="" data-container="body" data-original-title="Is this shipping address correct? You can press cancel and return to the merchant's website to update your shipping address.">
  758.  
  759. </i>
  760. </span></span>
  761. </h2>
  762. <div data-hppcontent="shipping"><div data-hppcontainerfor="shippingFirstName shippingLastName shippingStreet1 shippingStreet2 shippingCity shippingStateProvince shippingPostcodeZip shippingCountry shippingMethod shippingPhone">
  763.  
  764. <div class="form-group">
  765. <div class="row" data-hppcontainerfor="shippingFirstName shippingLastName">
  766. <p class="col-md-12 mb-0">
  767. <span data-hppshippingfirstname=""></span>
  768. <span data-hppshippinglastname=""></span>
  769. </p>
  770. </div>
  771.  
  772. <div class="row" data-hppcontainerfor="shippingStreet1">
  773. <p class="col-md-12 mb-0">
  774. <span data-hppshippingstreet1=""></span>
  775. </p>
  776. </div>
  777.  
  778. <div class="row" data-hppcontainerfor="shippingStreet2">
  779. <p class="col-md-12 mb-0">
  780. <span data-hppshippingstreet2=""></span>
  781. </p>
  782. </div>
  783.  
  784. <div class="row" data-hppcontainerfor="shippingCity shippingStateProvince">
  785. <p class="col-md-12 mb-0">
  786. <span data-hppshippingcity=""></span>
  787. <span data-hppshippingstateprovince=""></span>
  788. <span data-hppshippingpostcodezip=""></span>
  789. </p>
  790. </div>
  791.  
  792. <div class="row">
  793. <p class="col-md-12 mb-0">
  794. <span data-hppshippingcountry=""></span>
  795. </p>
  796. </div>
  797. <div class="row" data-hppcontainerfor="shippingPhone">
  798. <p class="col-md-12 mb-0">
  799. <span data-hppshippingphone=""></span>
  800. </p>
  801. </div>
  802. </div>
  803.  
  804. <div class="row" data-hppcontainerfor="shippingMethod">
  805. <div class="col-md-12">
  806. <p class="mb-0">
  807. <strong class="ielabelfix">Shipping method:</strong>
  808. </p>
  809. <p data-hppshippingmethod=""></p>
  810. </div>
  811. </div>
  812.  
  813. </div></div>
  814. </div>
  815. </div>
  816. <div data-hppcontainerfor="billing">
  817. <div data-hpppaymentmethodshowhide="CARD">
  818. <div class="col-md-6">
  819. <fieldset>
  820. <legend class="h2">Billing address</legend>
  821. <div data-hppcontent="billing" class="hideBillingOnSame"><div data-hppdisplaycontrolcontainerfor="billing">
  822. <div class="row" data-hppcontainerfor="billingAddressIsSame">
  823. <div class="col-md-12">
  824. <div class="checkbox">
  825. <input id="billingAddressIsSame" type="checkbox" data-hppbillingaddressissame="" />
  826. <label id="billingAddressIsSameLabel" for="billingAddressIsSame">Same as shipping address</label>
  827. </div>
  828. </div>
  829. </div>
  830. <div>
  831. <div class="row">
  832. <div class="col-md-12">
  833. <div class="form-group">
  834. <div class="row">
  835. <div class="col-md-12">
  836. <label for="billingStreet">
  837. <span>Street 1</span>
  838. <span class="requiredStar" data-hppmandatoryindicatorfor="billing">*</span>
  839. </label>
  840. <input class="form-control" id="billingStreet" type="text" data-hppbillingstreet1="" maxlength="100" />
  841. </div>
  842. <span class="help-block errorMessage" data-hppvalidatetext="billingStreet1"></span>
  843. </div>
  844. </div>
  845. </div>
  846. </div>
  847. <div class="row">
  848. <div class="col-md-12">
  849. <div class="form-group">
  850. <div class="row">
  851. <div class="col-md-12">
  852. <label for="billingStreet2">Street 2</label>
  853. <input class="form-control" id="billingStreet2" type="text" data-hppbillingstreet2="" maxlength="100" />
  854. </div>
  855. <span class="help-block errorMessage" data-hppvalidatetext="billingStreet2"></span>
  856. </div>
  857. </div>
  858. </div>
  859. </div>
  860.  
  861. <div class="row ">
  862. <div class="col-sm-6">
  863. <div class="form-group">
  864. <label class="control-label" for="billingCity">
  865. <span>City</span>
  866. <span class="requiredStar" data-hppmandatoryindicatorfor="billing">*</span>
  867. </label>
  868. <div class="row">
  869. <div class="col-sm-12">
  870. <input class="form-control" type="text" id="billingCity" data-hppbillingcity="" maxlength="100" />
  871. </div>
  872. <span class="help-block errorMessage" data-hppvalidatetext="billingCity"></span>
  873. </div>
  874. </div>
  875. </div>
  876.  
  877. <div class="col-sm-6">
  878. <div class="form-group">
  879. <label class="control-label" for="billingStateProvince">
  880. <span>State / Province</span>
  881. <span class="requiredStar" data-hppmandatoryindicatorfor="billing">*</span>
  882. </label>
  883. <div class="row">
  884. <div class="col-sm-12">
  885. <input class="form-control" type="text" id="billingStateProvince" data-hppbillingstateprovince="" maxlength="20" />
  886. </div>
  887. <span class="help-block errorMessage" data-hppvalidatetext="billingStateProvince"></span>
  888. </div>
  889. </div>
  890. </div>
  891. </div>
  892.  
  893. <div class="row">
  894. <div class="col-sm-6">
  895. <div class="form-group">
  896. <label class="control-label" for="postcode">
  897. <span>Postcode / Zipcode</span>
  898. <span class="requiredStar" data-hppmandatoryindicatorfor="billing">*</span>
  899. </label>
  900. <div class="row">
  901. <div class="col-sm-8">
  902. <input class="form-control" type="text" id="postcode" data-hppbillingpostcodezip="" maxlength="10" />
  903. </div>
  904. <span class="help-block errorMessage" data-hppvalidatetext="billingPostcodeZip"></span>
  905. </div>
  906. </div>
  907. </div>
  908.  
  909. <div class="col-sm-6">
  910. <div class="form-group">
  911. <label class="control-label" for="billingCountry">
  912. <span>Country</span>
  913. <span class="requiredStar" data-hppmandatoryindicatorfor="billing">*</span>
  914. </label>
  915. <div class="row">
  916. <div class="col-sm-12">
  917. <select class="form-control" id="billingCountry" data-hppbillingcountry="">
  918. <option value="">Select Country</option>
  919. <option value="AFG">Afghanistan</option>
  920. <option value="ALA">&Aring;land Islands</option>
  921. <option value="ALB">Albania</option>
  922. <option value="DZA">Algeria</option>
  923. <option value="ASM">American Samoa</option>
  924. <option value="AND">Andorra</option>
  925. <option value="AGO">Angola</option>
  926. <option value="AIA">Anguilla</option>
  927. <option value="ATA">Antarctica</option>
  928. <option value="ATG">Antigua and Barbuda</option>
  929. <option value="ARG">Argentina</option>
  930. <option value="ARM">Armenia</option>
  931. <option value="ABW">Aruba</option>
  932. <option value="AUS">Australia</option>
  933. <option value="AUT">Austria</option>
  934. <option value="AZE">Azerbaijan</option>
  935. <option value="BHS">Bahamas</option>
  936. <option value="BHR">Bahrain</option>
  937. <option value="BGD">Bangladesh</option>
  938. <option value="BRB">Barbados</option>
  939. <option value="BLR">Belarus</option>
  940. <option value="BEL">Belgium</option>
  941. <option value="BLZ">Belize</option>
  942. <option value="BEN">Benin</option>
  943. <option value="BMU">Bermuda</option>
  944. <option value="BTN">Bhutan</option>
  945. <option value="BOL">Bolivia</option>
  946. <option value="BES">Bonaire, Sint Eustatius and Saba</option>
  947. <option value="BIH">Bosnia and Herzegovina</option>
  948. <option value="BWA">Botswana</option>
  949. <option value="BVT">Bouvet Island</option>
  950. <option value="BRA">Brazil</option>
  951. <option value="IOT">British Indian Ocean Territory</option>
  952. <option value="VGB">British Virgin Islands</option>
  953. <option value="BRN">Brunei</option>
  954. <option value="BGR">Bulgaria</option>
  955. <option value="BFA">Burkina Faso</option>
  956. <option value="BDI">Burundi</option>
  957. <option value="KHM">Cambodia</option>
  958. <option value="CMR">Cameroon</option>
  959. <option value="CAN">Canada</option>
  960. <option value="CPV">Cape Verde</option>
  961. <option value="CYM">Cayman Islands</option>
  962. <option value="CAF">Central African Republic</option>
  963. <option value="TCD">Chad</option>
  964. <option value="CHL">Chile</option>
  965. <option value="CHN">China</option>
  966. <option value="CXR">Christmas Island</option>
  967. <option value="CCK">Cocos Islands</option>
  968. <option value="COL">Colombia</option>
  969. <option value="COM">Comoros</option>
  970. <option value="COG">Congo</option>
  971. <option value="COK">Cook Islands</option>
  972. <option value="CRI">Costa Rica</option>
  973. <option value="CIV">C&ocirc;te d'Ivoire</option>
  974. <option value="HRV">Croatia</option>
  975. <option value="CUB">Cuba</option>
  976. <option value="CUW">Cura&ccedil;ao</option>
  977. <option value="CYP">cyprus</option>
  978. <option value="CZE">Czech Republic</option>
  979. <option value="DNK">Denmark</option>
  980. <option value="DJI">Djibouti</option>
  981. <option value="DMA">Dominica</option>
  982. <option value="DOM">Dominican Republic</option>
  983. <option value="ECU">Ecuador</option>
  984. <option value="EGY">Egypt</option>
  985. <option value="SLV">El Salvador</option>
  986. <option value="GNQ">Equatorial Guinea</option>
  987. <option value="ERI">Eritrea</option>
  988. <option value="EST">Estonia</option>
  989. <option value="ETH">Ethiopia</option>
  990. <option value="FLK">Falkland Islands</option>
  991. <option value="FRO">Faroe Islands</option>
  992. <option value="FJI">Fiji</option>
  993. <option value="FIN">Finland</option>
  994. <option value="FRA">France</option>
  995. <option value="GUF">French Guiana</option>
  996. <option value="PYF">French Polynesia</option>
  997. <option value="ATF">French Southern Territories</option>
  998. <option value="GAB">Gabon</option>
  999. <option value="GMB">Gambia</option>
  1000. <option value="GEO">Georgia</option>
  1001. <option value="DEU">Germany</option>
  1002. <option value="GHA">Ghana</option>
  1003. <option value="GIB">Gibraltar</option>
  1004. <option value="GRC">Greece</option>
  1005. <option value="GRL">Greenland</option>
  1006. <option value="GRD">Grenada</option>
  1007. <option value="GLP">Guadeloupe</option>
  1008. <option value="GUM">Guam</option>
  1009. <option value="GTM">Guatemala</option>
  1010. <option value="GGY">Guernsey</option>
  1011. <option value="GIN">Guinea</option>
  1012. <option value="GNB">Guinea-Bissau</option>
  1013. <option value="GUY">Guyana</option>
  1014. <option value="HTI">Haiti</option>
  1015. <option value="HMD">Heard Island And McDonald Islands</option>
  1016. <option value="HND">Honduras</option>
  1017. <option value="HKG">Hong Kong</option>
  1018. <option value="HUN">Hungary</option>
  1019. <option value="ISL">Iceland</option>
  1020. <option value="IND">India</option>
  1021. <option value="IDN">Indonesia</option>
  1022. <option value="IRN">Iran</option>
  1023. <option value="IRQ">Iraq</option>
  1024. <option value="IRL">Ireland</option>
  1025. <option value="IMN">Isle Of Man</option>
  1026. <option value="ISR">Israel</option>
  1027. <option value="ITA">Italy</option>
  1028. <option value="JAM">Jamaica</option>
  1029. <option value="JPN">Japan</option>
  1030. <option value="JEY">Jersey</option>
  1031. <option value="JOR">Jordan</option>
  1032. <option value="KAZ">Kazakhstan</option>
  1033. <option value="KEN">Kenya</option>
  1034. <option value="KIR">Kiribati</option>
  1035. <option value="KWT">Kuwait</option>
  1036. <option value="KGZ">Kyrgyzstan</option>
  1037. <option value="LAO">Laos</option>
  1038. <option value="LVA">Latvia</option>
  1039. <option value="LBN">Lebanon</option>
  1040. <option value="LSO">Lesotho</option>
  1041. <option value="LBR">Liberia</option>
  1042. <option value="LBY">Libya</option>
  1043. <option value="LIE">Liechtenstein</option>
  1044. <option value="LTU">Lithuania</option>
  1045. <option value="LUX">Luxembourg</option>
  1046. <option value="MAC">Macao</option>
  1047. <option value="MKD">Macedonia</option>
  1048. <option value="MDG">Madagascar</option>
  1049. <option value="MWI">Malawi</option>
  1050. <option value="MYS">Malaysia</option>
  1051. <option value="MDV">Maldives</option>
  1052. <option value="MLI">Mali</option>
  1053. <option value="MLT">Malta</option>
  1054. <option value="MHL">Marshall Islands</option>
  1055. <option value="MTQ">Martinique</option>
  1056. <option value="MRT">Mauritania</option>
  1057. <option value="MUS">Mauritius</option>
  1058. <option value="MYT">Mayotte</option>
  1059. <option value="MEX">Mexico</option>
  1060. <option value="FSM">Micronesia</option>
  1061. <option value="MDA">Moldova</option>
  1062. <option value="MCO">Monaco</option>
  1063. <option value="MNG">Mongolia</option>
  1064. <option value="MNE">Montenegro</option>
  1065. <option value="MSR">Montserrat</option>
  1066. <option value="MAR">Morocco</option>
  1067. <option value="MOZ">Mozambique</option>
  1068. <option value="MMR">Myanmar</option>
  1069. <option value="NAM">Namibia</option>
  1070. <option value="NRU">Nauru</option>
  1071. <option value="NPL">Nepal</option>
  1072. <option value="NLD">Netherlands</option>
  1073. <option value="ANT">Netherlands Antilles</option>
  1074. <option value="NCL">New Caledonia</option>
  1075. <option value="NZL">New Zealand</option>
  1076. <option value="NIC">Nicaragua</option>
  1077. <option value="NER">Niger</option>
  1078. <option value="NGA">Nigeria</option>
  1079. <option value="NIU">Niue</option>
  1080. <option value="NFK">Norfolk Island</option>
  1081. <option value="PRK">North Korea</option>
  1082. <option value="MNP">Northern Mariana Islands</option>
  1083. <option value="NOR">Norway</option>
  1084. <option value="OMN">Oman</option>
  1085. <option value="PAK">Pakistan</option>
  1086. <option value="PLW">Palau</option>
  1087. <option value="PSE">Palestine</option>
  1088. <option value="PAN">Panama</option>
  1089. <option value="PNG">Papua New Guinea</option>
  1090. <option value="PRY">Paraguay</option>
  1091. <option value="PER">Peru</option>
  1092. <option value="PHL">Philippines</option>
  1093. <option value="PCN">Pitcairn</option>
  1094. <option value="POL">Poland</option>
  1095. <option value="PRT">Portugal</option>
  1096. <option value="PRI">Puerto Rico</option>
  1097. <option value="QAT">Qatar</option>
  1098. <option value="REU">Reunion</option>
  1099. <option value="ROU">Romania</option>
  1100. <option value="RUS">Russia</option>
  1101. <option value="RWA">Rwanda</option>
  1102. <option value="BLM">Saint Barth&eacute;lemy</option>
  1103. <option value="SHN">Saint Helena</option>
  1104. <option value="KNA">Saint Kitts And Nevis</option>
  1105. <option value="LCA">Saint Lucia</option>
  1106. <option value="MAF">Saint Martin</option>
  1107. <option value="SPM">Saint Pierre And Miquelon</option>
  1108. <option value="VCT">Saint Vincent And The Grenadines</option>
  1109. <option value="WSM">Samoa</option>
  1110. <option value="SMR">San Marino</option>
  1111. <option value="STP">Sao Tome And Principe</option>
  1112. <option value="SAU">Saudi Arabia</option>
  1113. <option value="SEN">Senegal</option>
  1114. <option value="SRB">Serbia</option>
  1115. <option value="SYC">Seychelles</option>
  1116. <option value="SLE">Sierra Leone</option>
  1117. <option value="SGP">Singapore</option>
  1118. <option value="SXM">Sint Maarten (Dutch part)</option>
  1119. <option value="SVK">Slovakia</option>
  1120. <option value="SVN">Slovenia</option>
  1121. <option value="SLB">Solomon Islands</option>
  1122. <option value="SOM">Somalia</option>
  1123. <option value="ZAF">South Africa</option>
  1124. <option value="SGS">South Georgia And The South Sandwich Islands</option>
  1125. <option value="KOR">South Korea</option>
  1126. <option value="ESP">Spain</option>
  1127. <option value="LKA">Sri Lanka</option>
  1128. <option value="SDN">Sudan</option>
  1129. <option value="SUR">Suriname</option>
  1130. <option value="SJM">Svalbard And Jan Mayen</option>
  1131. <option value="SWZ">Swaziland</option>
  1132. <option value="SWE">Sweden</option>
  1133. <option value="CHE">Switzerland</option>
  1134. <option value="SYR">Syria</option>
  1135. <option value="TWN">Taiwan</option>
  1136. <option value="TJK">Tajikistan</option>
  1137. <option value="TZA">Tanzania</option>
  1138. <option value="THA">Thailand</option>
  1139. <option value="COD">The Democratic Republic Of Congo</option>
  1140. <option value="TLS">Timor-Leste</option>
  1141. <option value="TGO">Togo</option>
  1142. <option value="TKL">Tokelau</option>
  1143. <option value="TON">Tonga</option>
  1144. <option value="TTO">Trinidad and Tobago</option>
  1145. <option value="TUN">Tunisia</option>
  1146. <option value="TUR">Turkey</option>
  1147. <option value="TKM">Turkmenistan</option>
  1148. <option value="TCA">Turks And Caicos Islands</option>
  1149. <option value="TUV">Tuvalu</option>
  1150. <option value="VIR">U.S. Virgin Islands</option>
  1151. <option value="UGA">Uganda</option>
  1152. <option value="UKR">Ukraine</option>
  1153. <option value="ARE">United Arab Emirates</option>
  1154. <option value="GBR">United Kingdom</option>
  1155. <option value="USA">United States</option>
  1156. <option value="UMI">United States Minor Outlying Islands</option>
  1157. <option value="URY">Uruguay</option>
  1158. <option value="UZB">Uzbekistan</option>
  1159. <option value="VUT">Vanuatu</option>
  1160. <option value="VAT">Vatican</option>
  1161. <option value="VEN">Venezuela</option>
  1162. <option value="VNM">Vietnam</option>
  1163. <option value="WLF">Wallis And Futuna</option>
  1164. <option value="ESH">Western Sahara</option>
  1165. <option value="YEM">Yemen</option>
  1166. <option value="ZMB">Zambia</option>
  1167. <option value="ZWE">Zimbabwe</option>
  1168. </select>
  1169. </div>
  1170. <span class="help-block errorMessage" data-hppvalidatetext="billingCountry"></span>
  1171. </div>
  1172. </div>
  1173. </div>
  1174. </div>
  1175. </div> <!-- same as shipping address -->
  1176. </div> <!-- -->
  1177.  
  1178. <div data-hppdisplaycontrolcontainerfor="billing-readonly">
  1179. <div class="row ">
  1180. <div class="col-md-12">
  1181. <span id="billingStreet-readonly" data-hppbillingstreet1display=""></span>
  1182. </div>
  1183. </div>
  1184.  
  1185. <div class="row">
  1186. <div class="col-md-12">
  1187. <span data-hppbillingstreet2display=""></span>
  1188. </div>
  1189. </div>
  1190.  
  1191. <div class="row ">
  1192. <div class="col-md-12">
  1193. <span data-hppbillingcitydisplay=""></span>
  1194. <span data-hppbillingstateprovincedisplay=""></span>
  1195. <span data-hppbillingpostcodezipdisplay=""></span>
  1196. </div>
  1197. </div>
  1198.  
  1199. <div class="row">
  1200. <div class="col-md-12">
  1201. <span data-hppbillingcountrydisplay=""></span>
  1202. </div>
  1203. </div>
  1204. </div>
  1205. </div>
  1206. </fieldset>
  1207. </div>
  1208. </div>
  1209. </div>
  1210. </div>
  1211.  
  1212. </div>
  1213.  
  1214. <div class="well" data-hppdisplaycontrolcontainerfor="customer">
  1215. <div data-hppcontent="customer"><div data-hppdisplaycontrolcontainerfor="customer.email">
  1216. <div class="row">
  1217. <div class="col-md-12">
  1218. <div class="form-group">
  1219. <label class="control-label" for="customerEmail">
  1220. <span>Email address</span>
  1221. <span class="requiredStar" data-hppmandatoryindicatorfor="customerEmail">*</span>
  1222. </label>
  1223. <div class="row">
  1224. <div class="col-md-6 emailAddress">
  1225. <input id="customerEmail" type="text" class="form-control" data-hppcustomeremail="" maxlength="80" />
  1226. </div>
  1227. <span class="help-block errorMessage" data-hppvalidatetext="customerEmail"></span>
  1228. </div>
  1229. </div>
  1230. </div>
  1231. </div>
  1232. </div>
  1233. <div data-hppdisplaycontrolcontainerfor="customer.email-readonly">
  1234. <div class="row">
  1235. <div class="col-md-12">
  1236. <div class="form-group">
  1237. <label class="ielabelfix">Email address:</label>
  1238. <span id="customerEmail-readonly" data-hppcustomeremaildisplay=""></span>
  1239. </div>
  1240. </div>
  1241. </div>
  1242. </div></div>
  1243. </div>
  1244.  
  1245. <div class="well" data-hppdisplaycontrolcontainerfor="orderDetails">
  1246. <h3 class="h3">Order details</h3>
  1247. <div data-hppcontent="orderDetails"><div class="orderDetails">
  1248. <div data-hppdisplaycontrolcontainerfor="orderDetails">
  1249. <table class="table">
  1250. <tbody>
  1251. <tr class="orderDescription">
  1252. <td colspan="2">
  1253. <span data-hpporderdescription=""></span>
  1254. </td>
  1255. </tr>
  1256. <tr class="subTotalDividerRow" data-hppcontainerfor="orderItemAmount orderShippingAndHandlingAmount orderTaxAmount">
  1257. <td colspan="2"></td>
  1258. </tr>
  1259. <tr data-hppcontainerfor="orderItemAmount" class="subTotalRow">
  1260. <th scope="row" class="lineItemText">Item subtotal</th>
  1261. <td class="lineItemAmounts">
  1262. <span data-hppordercurrencysymbol=""></span><span data-hpporderitemamount=""></span>
  1263. </td>
  1264. </tr>
  1265. <tr data-hppcontainerfor="orderShippingAndHandlingAmount" class="subTotalRow">
  1266. <th scope="row" class="lineItemText">Shipping and handling</th>
  1267. <td class="lineItemAmounts">
  1268. <span data-hppordercurrencysymbol=""></span><span data-hppordershippingandhandlingamount=""></span>
  1269. </td>
  1270. </tr>
  1271. <tr data-hppcontainerfor="orderTaxAmount" class="subTotalRow">
  1272. <th scope="row" class="lineItemText">Tax</th>
  1273. <td class="lineItemAmounts">
  1274. <span data-hppordercurrencysymbol=""></span><span data-hppordertaxamount=""></span>
  1275. </td>
  1276. </tr>
  1277. </tbody>
  1278. </table>
  1279. </div>
  1280. <div data-hppcontainerfor="orderAmount">
  1281. <table class="table">
  1282. <tbody data-hppordertotals="">
  1283. <tr class="totalRow hidden-xs">
  1284. <td colspan="2" class="lineItemAmounts">
  1285. <span>Total</span>
  1286. <span class="orderCurrency"><span data-hppordercurrency=""></span>:</span> <span data-hppordercurrencysymbol=""></span><span data-hpporderamount=""></span>
  1287. </td>
  1288. </tr>
  1289. <tr class="totalRow visible-xs">
  1290. <td colspan="2" class="lineItemAmounts text-center">
  1291. <span data-hppordercurrencysymbol=""></span><span data-hpporderamount=""></span>&nbsp;<span class="orderCurrency" data-hppordercurrency=""></span>
  1292. </td>
  1293. </tr>
  1294. </tbody>
  1295. <tbody style="display: none" data-hppdccacceptshowhide="">
  1296. <tr class="totalRow hidden-xs">
  1297. <td colspan="2" class="lineItemAmounts">
  1298. <span data-hppdcclabel=""></span> <span class="orderCurrency"><span data-hppdcccurrency=""></span>:</span> <span data-hppdcccurrencysymbol=""></span><span data-hppdccamount=""></span>
  1299. </td>
  1300. </tr>
  1301. <tr class="totalRow visible-xs">
  1302. <td colspan="2" class="lineItemAmounts text-center">
  1303. <span data-hppdcccurrencysymbol=""></span><span data-hppdccamount=""></span>&nbsp;<span class="orderCurrency" data-hppdcccurrency=""></span>
  1304. </td>
  1305. </tr>
  1306. </tbody>
  1307. </table>
  1308. </div>
  1309. </div>
  1310.  
  1311. <script type="text/template" id="lineItemTemplate">
  1312. <% _.forEach(order.item, function(lineItem) { %>
  1313. <tr>
  1314. <td class="lineItemText">
  1315. <div class="lineItemName"><%=lineItem.name%></div>
  1316. <% if (lineItem.description) { %>
  1317. <div class="lineItemDescription"><%=lineItem.description%></div>
  1318. <% } %>
  1319. </td>
  1320. <td class="lineItemAmounts">
  1321. <%=currencySymbol%><%=lineItem.unitPriceFormatted%> x <%=lineItem.quantity%> = <span class="lineItemTotalAmount"><%=currencySymbol%><%=lineItem.totalAmountFormatted%></span>
  1322. </td>
  1323. </tr>
  1324. <% }); %>
  1325. </script>
  1326. </div>
  1327. </div>
  1328.  
  1329. <div class="row buttonRow">
  1330. <div class="col-md-12">
  1331. <div data-hpppaymentmethodshowhide="CARD">
  1332. <div id="threeDSecureMessage" data-hppthreedsecuremessage="">
  1333. <p>The next screen you see may be payment card verification through your card issuer.</p>
  1334. </div>
  1335. </div>
  1336. </div>
  1337. <div data-hppcontent="paymentConfirmation"><div class="col-md-12 col-xs-12 text-right confirmation-checkbox" data-hppdisplaycontrolcontainerfor="paymentConfirmation">
  1338. <input id="confirmationCheckbox" type="checkbox" name="confirmationCheckbox" class="checkbox-align" />
  1339. <label for="confirmationCheckbox">Confirm payment</label>
  1340. <div id="confirmationError" class="error-tooltip" style="display: none;" aria-hidden="true">
  1341. <div class="tooltip-inner text-right fallback-font">Please check to confirm</div>
  1342. </div>
  1343. </div></div>
  1344. <div class="col-xs-12 text-right hidden-xs">
  1345. <a class="cancelButton" data-hppcancelbutton="">Cancel</a>
  1346. <button class="submitButton btn btn-success" type="button" data-hppsubmitbutton="">Pay now</button>
  1347. <button class="submitButton btn btn-success" type="button" data-hppverifybutton="">Continue</button>
  1348. </div>
  1349. <div class="col-xs-12 visible-xs">
  1350. <button class="submitButton btn btn-success" type="button" data-hppsubmitbutton="">Pay now</button>
  1351. <button class="submitButton btn btn-success" type="button" data-hppverifybutton="">Continue</button>
  1352. </div>
  1353. <div class="col-xs-12 visible-xs">
  1354. <a class="cancelButton btn" data-hppcancelbutton="">Cancel</a>
  1355. </div>
  1356. </div>
  1357.  
  1358. <footer class="row checkoutFooter">
  1359. <div class="col-md-12">
  1360. <hr />
  1361. </div>
  1362. <div class="col-md-12 text-right">
  1363. <div class="footerRow">
  1364. <table class="footerFlow">
  1365. <tbody><tr>
  1366. <td class="footerText">Powered By</td>
  1367. <td class="footerImage"><img src="/asset/managed/resource/checkout/theme/default/logoImagePage" /></td>
  1368. </tr>
  1369. </tbody></table>
  1370. </div>
  1371. </div>
  1372. </footer>
  1373. <!-- ======================== INDICATOR CONTAINER ============================-->
  1374. <div data-hppcontent="indicator"><div data-hppindicatorcontent="" class="modal" aria-hidden="true">
  1375. <div class="modal-dialog">
  1376. <div class="modal-content">
  1377. <div class="modal-body" style="text-align: center">
  1378. <p data-hppindicatormessage=""></p>
  1379. <div>
  1380. <span class="spinner"></span>
  1381. </div>
  1382. </div>
  1383. </div>
  1384. </div>
  1385. </div>
  1386. </div>
  1387.  
  1388.  
  1389. </div><div data-hppcontent="otpModal"><div data-otpmodalcontent="" class="modal" aria-hidden="true">
  1390. <div class="modal-dialog modal-sm">
  1391. <div class="modal-content">
  1392. <div class="modal-header">
  1393. <div id="transactionCodeHeader" class="modal-title"> Transaction Code </div>
  1394. <div id="verifyingCodeHeader" class="modal-title"> Verifying Transaction Code </div>
  1395. </div>
  1396. <div style="display: none" id="errorSendOtp"> Unable to send your transaction code.</div>
  1397. <div style="display: none" id="invalidOtp"> Your transaction code was incorrect. Please check the code and try again.</div>
  1398. <div style="display: none" id="errorOnVerify"> Transaction code was unable to be verified. Please try resending a new code.</div>
  1399. <div style="display: none" id="networkErrorSendOtp"> Unable to send your transaction code. Network error. Please try resending a new code.</div>
  1400. <div style="display: none" id="networkErrorVerifyOtp"> Unable to send your transaction code. Network error. Please try resending a new code.</div>
  1401. <div class="modal-body" style="text-align: center">
  1402. <div class="alert alert-danger" id="errorMsg"> </div>
  1403. <div class="alert alert-success" id="successMsg"> Your transaction code was verified successfully. </div>
  1404. <div id="otpSentMsg">Your transaction code was sent to your registered number.</div>
  1405. <div id="otpSending"><span class="spinner"></span></div>
  1406. <div id="otpInput">
  1407. <div class="form-inline">
  1408. <div class="form-group">
  1409. <input class="form-control" placeholder="Enter transaction code ..." id="otp" type="text" data-otptransactioncode="" maxlength="20" />
  1410. </div>
  1411. <div class="form-group">
  1412. <button class="btn btn-link" id="otpResend" data-toggle="tooltip" data-placement="auto top" title="Resend">
  1413. <i class="icon-arrows-ccw icon-2x"></i>
  1414. </button>
  1415. </div>
  1416. </div>
  1417. </div>
  1418. </div>
  1419. <div class="modal-footer" id="otpActions">
  1420. <button id="otpCancel" class="btn">Cancel</button>
  1421. <button id="otpProceed" class="btn btn-primary">Proceed</button>
  1422. </div>
  1423. </div>
  1424. </div>
  1425.  
  1426. </div>
  1427. </div><script type='text/javascript'> var translatedMessages = {"customerEmail_error_invalid":"A valid email address is required","paymentPlan_planid_translated_PLANN":"Plan N","billingDetails_country_error_invalid":"Invalid country","paymentPlan_offers_header":"Please select which option you wish to proceed with","cardDetails_cardNumber_error_invalid":"Card number is invalid","costcoDetails_pin_error_invalid":"Pin is invalid","paymentPlan_interestFree":"interest free","cardDetails_cardHolderName_error_invalid":"Cardholder name is invalid","paymentPlan_deferrals_dropdown_pattern":"first payment after {0,choice,0#0 months|1#1 month|1<{0,number} months}","paymentPlan_pay_with":"Pay with:","transaction_error_unsuccessful_verified":"Your payment details could not be verified, please check your details and try again.","order_error_duplicate":"Payment for this order has already been received.","paymentPlan_planid_translated_BANORTE_WITH_INTEREST":"Banorte","paymentPlan_card_details_enter":"Please enter your card details to see if there are any plans available to you.","receipt_dccAmount_label":"You Paid","cardDetails_cardNumber_unsupported_error_invalid":"The credit card that you have entered can not be used for this payment. Please use one of the credit cards displayed below.","orderDetails_dccAmount_label":"You Pay","inputField_error_mandatory":"This field is required","transaction_error_heading_verified":"Unsuccessful","cardDetails_cardSecurityCode_error_invalid":"The security code is invalid","achDetails_accountHolder_error_invalid":"Account holder name is invalid","paymentPlan_planid_translated_PLANAMEX":"Plan Amex","billingDetails_city_error_invalid":"Invalid city","paymentPlan_deferrals_dropdown_infull_pattern":"in full after {0,choice,0#0 months|1#1 month|1<{0,number} months}","order_error_duplicate_verified":"Payment details for this order have already been verified.","billingDetails_street2_error_invalid":"The street2 that you have entered is invalid","paymentPlan_header":"Payment plan options","paymentPlan_planid_translated_BANORTE_FULL_PAYMENT_WITH_DEFERRAL":"Banorte","achDetails_accountNumber_error_invalid":"Account number is invalid","request_error_invalid":"Invalid request","receipt_line1_verified":"Your payment details have been successfully verified.","paymentPlan_offers_interest":"with an interest rate of {2}","paymentPlan_offers_final_amount":"total cost of {3}.","cardDetails_expiryYear_error_invalid":"Invalid year","paymentPlan_installments_dropdown_pattern":"{0,choice,0#0 payments|1#1 payment|1<{0,number} payments}","paymentPlan_card_details_unselected":"No payment plan","paymentPlan_planid_translated_CIELO":"Cielo","billingDetails_stateProvince_error_invalid":"Invalid state / province","achDetails_routingNumber_error_invalid":"Routing number is invalid","paymentPlan_offers_installments":"{0} per month for {1,choice,0#0 months|1#1 month|1<{1,number} months}","inputField_error_invalid_character":"Invalid characters input for this field: {0}","billingDetails_postcodeZip_error_invalid":"Invalid postcode / zip","paymentPlan_planid_translated_REDECARD":"Redecard","indicator_message":"Your request is being processed.","cardDetails_expiryMonth_error_invalid":"Invalid month","billingDetails_street1_error_invalid":"The street that you have entered is invalid","paymentPlan_card_details_unavailable":"Payment plans are not available for this card type you have chosen.","paymentPlan_planid_translated_BANORTE_WITHOUT_INTEREST":"Banorte"} </script>
  1428.  
  1429.  
  1430.  
  1431.  
  1432.  
  1433.  
  1434. <!--[if lte IE 8]>
  1435. <script type="text/javascript" id="hpfScript" src="https://ap-gateway.mastercard.com/form/v3/hpf.js"></script>
  1436. <script type="text/javascript" id="paymentSessionScript" src="https://ap-gateway.mastercard.com/form/version/40/merchant/83249999/session.js"></script>
  1437. <script type="text/javascript" src='https://ap-gateway.mastercard.com/checkout/public/wro/libs.js?cache=-706f3571871b4dd6bc1c0703c3329f2c'></script>
  1438. <script type="text/javascript" src='https://ap-gateway.mastercard.com/checkout/public/wro/scripts.js?cache=-706f3571871b4dd6bc1c0703c3329f2c'></script>
  1439. <![endif]-->
  1440.  
  1441. <!--[if gt IE 8]><!-->
  1442. <script type="application/javascript" id="hpfScript" src="https://ap-gateway.mastercard.com/form/v3/hpf.js"></script>
  1443. <script type="application/javascript" id="paymentSessionScript" src="https://ap-gateway.mastercard.com/form/version/40/merchant/83249999/session.js"></script>
  1444. <script type="application/javascript" src="https://ap-gateway.mastercard.com/checkout/public/wro/libs.js?cache=-706f3571871b4dd6bc1c0703c3329f2c"></script>
  1445. <script type="application/javascript" src="https://ap-gateway.mastercard.com/checkout/public/wro/scripts.js?cache=-706f3571871b4dd6bc1c0703c3329f2c"></script>
  1446. <!--<![endif]-->
  1447.  
  1448.  
  1449.  
  1450.  
  1451.  
  1452.  
  1453.  
  1454. <script type="text/javascript">
  1455. var initialiseParams = {};
  1456. var submitData ={
  1457. paRes: '',
  1458. timezoneOffset: new Date().getTimezoneOffset() / -60
  1459. };
  1460. if( false) {
  1461. submitData.debug = true;
  1462. }
  1463. if( false) {
  1464. submitData.cancel = true;
  1465. }
  1466. if( false) {
  1467. submitData.masterPassSuccess = "";
  1468. }
  1469.  
  1470. var pageStateStart = new Date().getTime();
  1471. tnspay.deferred.retry(function () {
  1472. return $.ajax({
  1473. type: "POST",
  1474. url: '/checkout/api/pageState/SESSION0002116126969E93792568K4',
  1475. data: submitData,
  1476. dataType: "json",
  1477. timeout: 5000
  1478. });
  1479. }, 3).then(function (response) {
  1480. var deferred = $.Deferred();
  1481. try {
  1482. tnspay.hpp.initialise(response, translatedMessages);
  1483. _gaq.push(['_trackTiming', "HPP", "pageState", new Date().getTime() - pageStateStart]);
  1484. deferred.resolve();
  1485. } catch (e) {
  1486. deferred.reject();
  1487. }
  1488. return deferred.promise();
  1489. }).fail(function () {
  1490.  
  1491. _gaq.push(['_trackEvent', "HPP", "pay initialise", "error", undefined, true]);
  1492. _gaq.push(['_trackTiming', "HPP", "pageState", new Date().getTime() - pageStateStart]);
  1493.  
  1494. $.get("https://ap-gateway.mastercard.com/checkout/public/views/serverError.html")
  1495. .done(function(page) {
  1496. var newDoc = document.open("text/html", "replace");
  1497. newDoc.write(page);
  1498. newDoc.close();
  1499. }).fail(function() {
  1500. location = "https://ap-gateway.mastercard.com/checkout/public/views/serverError.html";
  1501. })
  1502.  
  1503. });
  1504. </script>
  1505.  
  1506.  
  1507.  
  1508. <!-- Update elements within the cached template with dynamic content returned in the model -->
  1509. <script type="text/javascript">
  1510. $("#masterPassLearnMoreLink").attr("href", "https://www.mastercard.com/mc_us/wallet/learnmore/en/US/");
  1511. </script>
  1512. </body>
  1513. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!