- Scan ID:
- 723e24bd-b72e-4f97-beed-b2a2283f80e2Finished
- Submitted URL:
- https://ap-gateway.mastercard.com/checkout/pay/SESSION0002574674946E45334443K3
- Report Finished:
Links · 1 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://ecertificateofcharacter.govmu.org/coc/pages/cocPaymentDetails.xhtml?orderid=00415700_tftnkcumrb | Cancel |
JavaScript Variables · 33 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| Assets | object |
| mpgs | object |
| _gaq | object |
| translatedMessages | object |
| HostedForm | object |
| JweJs | function |
| Jose | object |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!-- set own context if no override configuration found --><!DOCTYPE html><html lang="en" dir="ltr"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Turn off compatibility view -->
<link rel="shortcut icon" href="/checkout/public/images/favicon.ico">
<base href="https://ap-gateway.mastercard.com/checkout/base/1728813183643/SBM/">
<!-- Loader CSS -->
<style type="text/css">.cs-loader,.cs-loader-inner{position:absolute;width:100%;direction:ltr!important;}.cs-loader{top:0;left:0;height:100%}.cs-loader-inner{transform:translateY(-50%);top:50%;text-align:center}.cs-loader-inner span{width: 10px;height: 10px;border-radius: 50%;background-color: green;opacity:0;display:inline-block;margin-bottom: 5px;font-weight: bold;}@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 span:nth-child(6){animation:lol 3s infinite ease-in-out}.cs-loader-inner span:nth-child(5){animation:lol 3s .1s infinite ease-in-out}.cs-loader-inner span:nth-child(4){animation:lol 3s .2s infinite ease-in-out}.cs-loader-inner span:nth-child(3){animation:lol 3s .3s infinite ease-in-out}.cs-loader-inner span:nth-child(2){animation:lol 3s .4s infinite ease-in-out}.cs-loader-inner span:nth-child(1){animation:lol 3s .5s infinite ease-in-out}</style>
<link href="https://ap-gateway.mastercard.com/checkout/public/css/default.css?cache=3029cc60503bc5973e608b3e693c5738" rel="stylesheet" type="text/css">
<script src="/asset/public/assets.js"></script>
<script>
Assets.addStyleSheets(['/asset/public/checkout/css/bootstrap-4.4.1/bootstrap.css',
'/asset/resource_theme/checkout/default/css/style.css']);
</script><link type="text/css" rel="stylesheet" href="/asset/public/checkout/css/bootstrap-4.4.1/bootstrap.css"><link type="text/css" rel="stylesheet" href="/asset/resource_theme/checkout/default/css/style.css">
<title>Secure payment</title><meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--
This Javascript enables responsive web designs in browsers that don't support CSS3 Media Queries - in particular, Internet Explorer 8 and under.
See https://github.com/scottjehl/Respond
-->
<!-- set own context if no override configuration found -->
<!--[if lte IE 8]>
<script type="text/javascript" src="/checkout/public/scripts/respond.min.js?cache=3029cc60503bc5973e608b3e693c5738"></script>
<![endif]-->
<script>
var _gaq = _gaq || [];
</script>
</head>
<body style="" class="validateable">
<!-- Loader -->
<div id="payContainer" class="container pay" style="">
<div id="interactionTimer" class="card wll-sml payment-page" hidden="" style="display: none;">
<span class="icon"></span>
<span class="interactionTimerLabel">
<span class="time" data-hppinteractiontimermin=""></span>:<span class="time" data-hppinteractiontimersec=""></span>
<span id="interactionTimerAccessibilityAlert" role="status"></span>
</span>
</div>
<div class="row ">
<div class="col-md-12 header">
<div class="inline-middle">
<div data-hppcontainerfor="merchantLogo">
</div>
</div>
<div class="inline-middle merchantName">
<h1 data-hppmerchantname="">COC</h1>
<a class="d-block d-sm-none merchantPhone" data-hppmerchantphone="" href="tel:Tel: (230) 405 5673">Tel: (230) 405 5673</a>
<span>Secure payment</span><i class="icon-lock"></i>
</div>
<div data-hppcontainerfor="merchantPhone" class="right-middle">
<div class="d-none d-sm-block">
<span class="merchantPhone" data-hppmerchantphone="" href="tel:Tel: (230) 405 5673">Tel: (230) 405 5673</span>
</div>
</div>
</div>
</div>
<div id="unsuccessfulErrorRow" class="row">
<div class="col-md-12">
<div class="alert alert-danger" data-hppcontainerfor="unsuccessfulErrorMessage" hidden="">
<p data-hppunsuccessfulerrormessage="" role="alert"><i class="icon-exclamation-sign icon-2x"></i>Your transaction was unsuccessful, please check your details and try again.</p>
</div>
</div>
</div>
<div class="card card-container">
<h2 class="h2 hideOnSinglePaymentMethod" style="display: none;">Payment details</h2>
<div class="row">
<div id="cardDetails" class="col-md-12 cardDetails">
<div data-hppcontent="paymentDetails"><div class="row">
<div class="col-md-12">
<div id="paymentMethodInfo" style="display: none;">
<div class="form-text">Please select your payment method.</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="accordion panel-group singlePayment" id="paymentDetails">
<!-- CREDIT/DEBIT Cards -->
<div data-hpppaymentmethodcontainer="CARD">
<div class="card-header collapsed" style="display: none;">
<input id="paymentMethodCardInput" class="pull-left card-link" type="radio" href="#paymentMethodCard" data-toggle="collapse" name="paymentMethod" value="CARD" data-hpppaymentmethod="CARD" data-parent="#paymentDetails" data-target="[data-hppPaymentMethodDetail='CARD']">
<label class="form-check-label pull-left" for="paymentMethodCardInput">
<span class="paymentMethodText">Credit or Debit card</span>
<span class="creditLogo logo"></span>
</label>
</div>
</div>
<div id="paymentMethodCard" class="collapse payment-method show" data-parent="#paymentDetails" data-hpppaymentmethoddetail="CARD" aria-expanded="false">
<div class="">
<div data-hppcontent="cardDetails"><fieldset>
<legend class="hiddenOffScreen">Card details</legend>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="control-label font-weight-bold" for="cardNumber" id="label-cardNumber">
<span>Card number</span>
<span aria-hidden="true" class="requiredStar">*</span>
</label>
<div class="row">
<div class="col-sm-5 col-md-4 card-input">
<div class="cardNumber">
<input type="tel" class="form-control" id="cardNumber" aria-labelledby="label-cardNumber" data-hppcardnumber="" aria-required="true" autocomplete="off" maxlength="24">
</div>
</div>
<span class="form-text errorMessage" data-hppvalidatetext="cardNumber"></span>
</div>
</div>
</div>
</div>
<div class="row logoRow">
<div class="col-md-12">
<span class="amexCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="amex"></span>
<span class="banamexCostcoCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="banamex_costco"></span>
<span class="carnetCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="carnet"></span>
<span class="carteBancaireCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="carte_bancaire"></span>
<span class="dinersClubCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="diners_club"></span>
<span class="discoverCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="discover"></span>
<span class="eloCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="elo"></span>
<span class="farmersCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="farmers_card"></span>
<span class="jcbCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="jcb"></span>
<span class="laserCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="laser"></span>
<span class="maestroCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="maestro"></span>
<span class="madaCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="mada_mastercard mada_visa mada_only"></span>
<span class="mastercardCardLogo hppPaymentTypeSupported" data-hpppaymenttype="mastercard mastercard_itmx" role="img" aria-label="mastercard"></span>
<span class="qCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="q_card"></span>
<span class="sorianaCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="soriana"></span>
<span class="trueRewardsCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="true_rewards"></span>
<span class="uatpCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="uatp"></span>
<span class="visaCardLogo hppPaymentTypeSupported" data-hpppaymenttype="visa visa_itmx" role="img" aria-label="visa"></span>
<span class="rupayCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="rupay"></span>
<span class="otherCardLogo hppPaymentTypeNotSupported" data-hpppaymenttype="other"></span>
</div>
</div>
<div class="form-group card-type-selection cardTypeOptionNotSupported" id="card-type-selection-section">
<label class="control-label font-weight-bold" id="label-cardTypeSelection">
<span>Card type</span>
<span aria-hidden="true" class="requiredStar">*</span>
</label>
<div class="cardTypeSelectionRow">
<div name="amexCardTypeSelection" class="cardTypeOption" cardtypeselection="amex">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="amex" data-hppcardtypeselection="amex">
<span class="amexCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="banamexCostcoCardTypeSelection" class="cardTypeOption" cardtypeselection="banamex_costco">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="banamex_costco" data-hppcardtypeselection="banamex_costco">
<span class="banamexCostcoCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="carnetCardTypeSelection" class="cardTypeOption" cardtypeselection="carnet">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="carnet" data-hppcardtypeselection="carnet">
<span class="carnetCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="carteBancaireCardTypeSelection" class="cardTypeOption" cardtypeselection="carte_bancaire">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="carte_bancaire" data-hppcardtypeselection="carte_bancaire">
<span class="carteBancaireCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="dinersClubCardTypeSelection" class="cardTypeOption" cardtypeselection="diners_club">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="diners_club" data-hppcardtypeselection="diners_club">
<span class="dinersClubCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="discoverCardTypeSelection" class="cardTypeOption" cardtypeselection="discover">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="discover" data-hppcardtypeselection="discover">
<span class="discoverCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="eloCardTypeSelection" class="cardTypeOption" cardtypeselection="elo">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="elo" data-hppcardtypeselection="elo">
<span class="eloCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="farmersCardTypeSelection" class="cardTypeOption" cardtypeselection="farmers">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="farmers" data-hppcardtypeselection="farmers">
<span class="farmersCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="jcbCardTypeSelection" class="cardTypeOption" cardtypeselection="jcb">
<input type="radio" name="cardTypeSelection" value="jcb" data-hppcardtypeselection="jcb">
<span class="jcbCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="laserCardTypeSelection" class="cardTypeOption" cardtypeselection="laser">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="laser" data-hppcardtypeselection="laser">
<span class="laserCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="maestroCardTypeSelection" class="cardTypeOption" cardtypeselection="maestro">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="maestro" data-hppcardtypeselection="maestro">
<span class="maestroCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="madaMastercardCardTypeSelection" class="cardTypeOption" cardtypeselection="mada_mastercard">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="mada_mastercard" data-hppcardtypeselection="mada_mastercard">
<span class="madaCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="madaOnlyCardTypeSelection" class="cardTypeOption" cardtypeselection="mada_only">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="mada_only" data-hppcardtypeselection="mada_only">
<span class="madaCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="madaVisaCardTypeSelection" class="cardTypeOption" cardtypeselection="mada_visa">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="mada_visa" data-hppcardtypeselection="mada_visa">
<span class="madaCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="mastercardCardTypeSelection" class="cardTypeOption" cardtypeselection="mastercard">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="mastercard" data-hppcardtypeselection="mastercard">
<span class="mastercardCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="mastercardItmxCardTypeSelection" class="cardTypeOption" cardtypeselection="mastercard_itmx">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="mastercard_itmx" data-hppcardtypeselection="mastercard_itmx">
<span class="mastercardCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="qCardCardTypeSelection" class="cardTypeOption" cardtypeselection="q_card">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="q_card" data-hppcardtypeselection="q_card">
<span class="qCardCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="sorianaCardTypeSelection" class="cardTypeOption" cardtypeselection="soriana">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="soriana" data-hppcardtypeselection="soriana">
<span class="sorianaCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="trueRewardsCardTypeSelection" class="cardTypeOption" cardtypeselection="true_rewards">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="true_rewards" data-hppcardtypeselection="true_rewards">
<span class="trueRewardsCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="uatpCardTypeSelection" class="cardTypeOption" cardtypeselection="uatp">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="uatp" data-hppcardtypeselection="uatp">
<span class="uatpCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="visaCardTypeSelection" class="cardTypeOption" cardtypeselection="visa">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="visa" data-hppcardtypeselection="visa">
<span class="visaCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="visaItmxCardTypeSelection" class="cardTypeOption" cardtypeselection="visa_itmx">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="visa_itmx" data-hppcardtypeselection="visa_itmx">
<span class="visaCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="rupayCardTypeSelection" class="cardTypeOption" cardtypeselection="rupay">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="rupay" data-hppcardtypeselection="rupay">
<span class="rupayCardLogo cardBrandSelectionIcon"></span>
</div>
<div name="otherCardTypeSelection" class="cardTypeOption" cardtypeselection="other">
<input type="radio" name="cardTypeSelection" class="cardTypeSelectionRadio" value="other" data-hppcardtypeselection="other">
<span class="otherCardLogo cardBrandSelectionIcon"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group card-expiry">
<label for="expiryMonth" class="control-label font-weight-bold" id="label-expiryMonth">
<span>Expiry month</span>
<span aria-hidden="true" class="requiredStar">*</span>
</label>
<div>
<select id="expiryMonth" class="form-control" aria-labelledby="label-expiryMonth" data-hppexpirymonth="" aria-required="true">
<option value="">MM</option>
<option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select>
</div>
</div>
<div class="form-group card-expiry">
<label for="expiryYear" class="control-label font-weight-bold" id="label-expiryYear">
<span>Expiry year</span>
<span aria-hidden="true" class="requiredStar">*</span>
</label>
<div>
<select id="expiryYear" class="form-control" aria-labelledby="label-expiryYear" data-hppexpiryyear="" aria-required="true">
<option value="">YY</option>
<option value="2023">23</option><option value="2024">24</option><option value="2025">25</option><option value="2026">26</option><option value="2027">27</option><option value="2028">28</option><option value="2029">29</option><option value="2030">30</option><option value="2031">31</option><option value="2032">32</option><option value="2033">33</option><option value="2034">34</option><option value="2035">35</option><option value="2036">36</option><option value="2037">37</option><option value="2038">38</option><option value="2039">39</option><option value="2040">40</option><option value="2041">41</option><option value="2042">42</option><option value="2043">43</option><option value="2044">44</option></select>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="control-label font-weight-bold" for="cardHolderName" id="label-cardHolderName">
<span>Cardholder name</span>
<span aria-hidden="true" class="requiredStar">*</span>
</label>
<div class="row ">
<div class="col-sm-8 col-md-6 card-name">
<input class="form-control" type="text" aria-labelledby="label-cardHolderName" id="cardHolderName" data-hppcardholdername="" maxlength="50" aria-required="true" autocomplete="off">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label id="cscLocationLabel" class="control-label font-weight-bold" for="csc">
<span>Security code</span>
<span aria-hidden="true" class="requiredStar">*</span>
</label>
<div class="row">
<div class="col-md-12">
<input id="csc" type="tel" class="form-control" aria-labelledby="cscLocationLabel cscHint" data-hppcardsecuritycode="" aria-required="true" autocomplete="off">
<div id="cscHint" style="display: inline-block">
<div class="csvinfo">
<div id="cscAmex" aria-hidden="true" hidden="" style="display: none;">
<span class="cscAmexLogo"></span>
<span><strong>4 digits</strong> on front of your card towards the right</span>
</div>
<div id="cscOther">
<span class="cscOtherLogo"></span>
<span><strong>3 digits</strong> on back of your card</span>
</div>
<div id="cscCmc" aria-hidden="true" hidden="" style="display: none;">
<span class="cscCmcLogo"></span>
<span><strong>3 digits</strong> on front of your card</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-hppcontent="nudetect"><input data-hppnudetectfingerprint="nudetectFingerprint" name="nds-pmd" type="hidden" autocomplete="off" value=""></div>
</fieldset>
</div>
<div data-hppcontent="surcharge"><div data-hppsurchargebox="" style="display: none;">
<div class="row ">
<div class="col-md-6 col-sm-12">
<div class="col-md-4 col-centered" tabindex="0">
<label>Surcharge</label>
<div data-hppcontainerfor="surchargeAmount">
<span data-hppordercurrencysymbol="">₨</span>
</div>
</div>
<div class="col-md-4 col-centered" tabindex="0">
<label>New total</label>
<div data-hppcontainerfor="orderAmount" style="display: block;">
<span data-hppordercurrencysymbol="">₨</span><span data-hpporderamount="">100.00</span>
</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-md-12 col-sm-12" tabindex="0">
<div class="surchargeInfo"><span>This payment type is subject to a surcharge. Merchants charge this additional amount to cover the cost of accepting card payments.</span></div>
</div>
</div>
</div></div>
<div data-hppcontent="plans"><div class="row paymentPlans" data-hppdisplaycontrolcontainerfor="plans">
<div class="col-md-12">
<div id="planHolder">
</div>
</div>
<script type="text/template" id="planTemplate">
<% _.forIn(data, function(planData, planId) { %>
<table class="table table-bordered">
<tr>
<td class="planCheckbox">
<input id="<%=planId%>" type="radio" name="planId" value="<%=planId%>">
</td>
<td>
<label for="<%=planId%>">
<% if ( planId !== "NONE" ) { %>
<span class="payWith">Pay with</span>
<% } %>
<span><%= planData.displayName %></span>
</label>
</td>
</tr>
<% if ( planId !== "NONE" ) { %>
<tr>
<td colspan="2">
<div class="form-inline planSelections">
<% if ( planData.text ) { %>
<%-planData.text%>
<% } else { %>
<% if ( planData.numberOfPayments ) { %>
<div class="form-group ">
<label for="numberOfPayments_<%=planId%>" id="numberOfPaymentsLabel_<%=planId%>" class="sr-only">Please select your number of payments</label>
<select class="payments form-control"
id="numberOfPayments_<%=planId%>"
aria-labelledby="numberOfPaymentsLabel_<%=planId%> payerInterest_<%=planId%>">
<% _.forIn(planData.numberOfPayments, function(display, value) { %>
<option value="<%=value%>" >
<% if (value === '1') { %>
Pay full amount now
<% } else { %>
<%-display%>
<% } %>
</option>
<%});%>
</select>
</div>
<% } else if ( planData.numberOfPaymentsText ) { %>
<span class="numberOfPaymentsText"><%= planData.numberOfPaymentsText %></span>
<% } %>
<% if ( planData.numberOfDeferrals ) { %>
<div class="form-group ">
<label for="deferralPeriod_<%=planId%>" id="deferralPeriodLabel_<%=planId%>" class="sr-only">Please select your deferral period</label>
<select class="deferrals form-control"
id="deferralPeriod_<%=planId%>"
aria-labelledby="deferralPeriodLabel_<%=planId%> payerInterest_<%=planId%>">
<% _.forIn(planData.numberOfDeferrals, function(display, value) { %>
<option value="<%=value%>" ><%-display%></option>
<%});%>
</select>
</div>
<% } else if ( planData.numberOfDeferralsText ) { %>
<span class="numberOfDeferralsText"><%- planData.numberOfDeferralsText %></span>
<% } %>
<% } %>
<% if ( planData.payerInterest ) { %>
<div class="form-group payerInterest" id="payerInterest_<%=planId%>"><%- planData.payerInterest %></div>
<% } %>
</div>
</td>
</tr>
<tr class="offer">
<td colspan="2">
<span class="spinner"></span>
<span class="offerText" role="status"></span>
</td>
</tr>
<% } %>
</table>
<% }); %>
</script>
</div></div>
</div>
</div>
<!-- SECURE_REMOTE_COMMERCE -->
<!-- PAYPAL -->
<!-- UNION_PAY -->
<!-- IDEAL -->
<!-- ALIPAY -->
<!-- SOFORT -->
<!-- KLARNA -->
<!-- KLARNA_FINANCING -->
<!-- GIROPAY -->
<!-- ENETS -->
<!-- POLI -->
<!-- BANCANET -->
<!-- MASTERPASS -->
<!-- VISA_CHECKOUT -->
<!-- AMEX_EXPRESS_CHECKOUT -->
<!-- COSTCO_CASH_CARD -->
<!-- ACH -->
<!-- COSTCO -->
<!--CostCo Member Credit -->
<!--Boleto Bancario Direct Integration -->
</div>
</div>
</div></div>
</div>
</div>
</div>
<div class="row" data-hppdccshowhide="" style="display: none;">
<div id="dccDetails" class="col-md-12">
<div data-hppcontent="dcc" class="card"><div data-hppdccoffer="" style="display: none;"></div></div>
</div>
</div>
<div class="card" data-hppcontainerfor="shippingAndbilling">
<div class="row">
<div class="col-md-6" data-hppcontainerfor="shipping">
<h2 class="h2" data-trigger-tooltip="" tabindex="0">
<span>Shipping address</span>
<span data-hppcontent="shippingInfo"><span id="info" class="info">
<i class="icon-info-sign infoIcon grayIcon" data-toggle="tooltip" data-placement="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.">
</i>
</span></span>
</h2>
<div data-hppcontent="shipping"><div data-hppcontainerfor="shippingFirstName shippingLastName shippingStreet1 shippingStreet2 shippingCity shippingStateProvince shippingPostcodeZip shippingCountry shippingMethod shippingPhone">
<div class="form-group">
<div class="row" data-hppcontainerfor="shippingFirstName shippingLastName">
<p class="col-md-12 mb-0">
</p>
</div>
<div class="row" data-hppcontainerfor="shippingStreet1">
<p class="col-md-12 mb-0">
</p>
</div>
<div class="row" data-hppcontainerfor="shippingStreet2">
<p class="col-md-12 mb-0">
</p>
</div>
<div class="row" data-hppcontainerfor="shippingCity shippingStateProvince">
<p class="col-md-12 mb-0">
</p>
</div>
<div class="row">
<p class="col-md-12 mb-0">
</p>
</div>
<div class="row" data-hppcontainerfor="shippingPhone">
<p class="col-md-12 mb-0">
</p>
</div>
</div>
<div class="row" data-hppcontainerfor="shippingMethod">
<div class="col-md-12">
<p class="mb-0">
<strong class="ielabelfix">Shipping method:</strong>
</p>
</div>
</div>
</div></div>
</div>
<div class="col-md-6" data-hppcontainerfor="billing" style="display: block;">
<div data-hpppaymentmethodshowhide="CARD">
<fieldset>
<legend class="h2">Billing address</legend>
<div data-hppcontent="billing" class="hideBillingOnSame"><div data-hppdisplaycontrolcontainerfor="billing" style="display: block;">
<div class="row" data-hppcontainerfor="billingAddressIsSame">
<div class="col-md-12">
<div class="form-check form-group">
<input class="form-check-input" id="billingAddressIsSame" type="checkbox" data-hppbillingaddressissame="">
<label class="form-check-label font-weight-bold" id="billingAddressIsSameLabel" for="billingAddressIsSame">Same as shipping address</label>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<div class="row">
<div class="col-md-12">
<label class="font-weight-bold" for="billingStreet" id="label-billingStreet">
<span>Street 1</span>
<span class="requiredStar" data-hppmandatoryindicatorfor="billing" aria-hidden="true">*</span>
</label>
<input class="form-control" id="billingStreet" type="text" aria-labelledby="label-billingStreet" data-hppbillingstreet1="" maxlength="100" aria-required="false">
</div>
<span class="form-text errorMessage" data-hppvalidatetext="billingStreet1"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<div class="row">
<div class="col-md-12">
<label class="font-weight-bold" for="billingStreet2" id="label-billingStreet2">Street 2</label>
<input class="form-control" id="billingStreet2" type="text" aria-labelledby="label-billingStreet2" data-hppbillingstreet2="" maxlength="100">
</div>
<span class="form-text errorMessage" data-hppvalidatetext="billingStreet2"></span>
</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-6">
<div class="form-group">
<label class="col-form-label font-weight-bold" for="billingCity" id="label-billingCity">
<span>City</span>
<span class="requiredStar" data-hppmandatoryindicatorfor="billing" aria-hidden="true">*</span>
</label>
<div class="row">
<div class="col-sm-12">
<input class="form-control" type="text" id="billingCity" aria-labelledby="label-billingCity" data-hppbillingcity="" maxlength="100" aria-required="false">
</div>
<span class="form-text errorMessage" data-hppvalidatetext="billingCity"></span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-form-label font-weight-bold" for="billingStateProvince" id="label-billingStateProvince">
<span>State / Province</span>
<span class="requiredStar" data-hppmandatoryindicatorfor="billing" aria-hidden="true">*</span>
</label>
<div class="row">
<div class="col-sm-12">
<input class="form-control" type="text" id="billingStateProvince" aria-labelledby="label-billingStateProvince" data-hppbillingstateprovince="" maxlength="20" minlength="1" aria-required="false">
</div>
<span class="form-text errorMessage" data-hppvalidatetext="billingStateProvince"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="col-form-label font-weight-bold" for="postcode" id="label-postcode">
<span>Postcode / ZIP Code</span>
<span class="requiredStar" data-hppmandatoryindicatorfor="billing" aria-hidden="true">*</span>
</label>
<div class="row">
<div class="col-sm-8">
<input class="form-control" type="text" id="postcode" aria-labelledby="label-postcode" data-hppbillingpostcodezip="" maxlength="10" minlength="1" aria-required="false">
</div>
<span class="form-text errorMessage" data-hppvalidatetext="billingPostcodeZip"></span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-form-label font-weight-bold" for="billingCountry" id="label-billingCountry">
<span>Country</span>
<span class="requiredStar" data-hppmandatoryindicatorfor="billing" aria-hidden="true">*</span>
</label>
<div class="row">
<div class="col-sm-12">
<select class="form-control" id="billingCountry" aria-labelledby="label-billingCountry" data-hppbillingcountry="" aria-required="false">
<option value="">Select Country</option><option value="AFG">Afghanistan</option><option value="ALA">Åland Islands</option><option value="ALB">Albania</option><option value="DZA">Algeria</option><option value="ASM">American Samoa</option><option value="AND">Andorra</option><option value="AGO">Angola</option><option value="AIA">Anguilla</option><option value="ATA">Antarctica</option><option value="ATG">Antigua and Barbuda</option><option value="ARG">Argentina</option><option value="ARM">Armenia</option><option value="ABW">Aruba</option><option value="AUS">Australia</option><option value="AUT">Austria</option><option value="AZE">Azerbaijan</option><option value="BHS">Bahamas</option><option value="BHR">Bahrain</option><option value="BGD">Bangladesh</option><option value="BRB">Barbados</option><option value="BLR">Belarus</option><option value="BEL">Belgium</option><option value="BLZ">Belize</option><option value="BEN">Benin</option><option value="BMU">Bermuda</option><option value="BTN">Bhutan</option><option value="BOL">Bolivia</option><option value="BES">Bonaire, Sint Eustatius and Saba</option><option value="BIH">Bosnia and Herzegovina</option><option value="BWA">Botswana</option><option value="BVT">Bouvet Island</option><option value="BRA">Brazil</option><option value="IOT">British Indian Ocean Territory</option><option value="VGB">British Virgin Islands</option><option value="BRN">Brunei</option><option value="BGR">Bulgaria</option><option value="BFA">Burkina Faso</option><option value="BDI">Burundi</option><option value="KHM">Cambodia</option><option value="CMR">Cameroon</option><option value="CAN">Canada</option><option value="CPV">Cape Verde</option><option value="CYM">Cayman Islands</option><option value="CAF">Central African Republic</option><option value="TCD">Chad</option><option value="CHL">Chile</option><option value="CHN">China</option><option value="CXR">Christmas Island</option><option value="CCK">Cocos Islands</option><option value="COL">Colombia</option><option value="COM">Comoros</option><option value="COG">Congo</option><option value="COK">Cook Islands</option><option value="CRI">Costa Rica</option><option value="CIV">Côte d'Ivoire</option><option value="HRV">Croatia</option><option value="CUB">Cuba</option><option value="CUW">Curaçao</option><option value="CYP">cyprus</option><option value="CZE">Czech Republic</option><option value="DNK">Denmark</option><option value="DJI">Djibouti</option><option value="DMA">Dominica</option><option value="DOM">Dominican Republic</option><option value="ECU">Ecuador</option><option value="EGY">Egypt</option><option value="SLV">El Salvador</option><option value="GNQ">Equatorial Guinea</option><option value="ERI">Eritrea</option><option value="EST">Estonia</option><option value="ETH">Ethiopia</option><option value="FLK">Falkland Islands</option><option value="FRO">Faroe Islands</option><option value="FJI">Fiji</option><option value="FIN">Finland</option><option value="FRA">France</option><option value="GUF">French Guiana</option><option value="PYF">French Polynesia</option><option value="ATF">French Southern Territories</option><option value="GAB">Gabon</option><option value="GMB">Gambia</option><option value="GEO">Georgia</option><option value="DEU">Germany</option><option value="GHA">Ghana</option><option value="GIB">Gibraltar</option><option value="GRC">Greece</option><option value="GRL">Greenland</option><option value="GRD">Grenada</option><option value="GLP">Guadeloupe</option><option value="GUM">Guam</option><option value="GTM">Guatemala</option><option value="GGY">Guernsey</option><option value="GIN">Guinea</option><option value="GNB">Guinea-Bissau</option><option value="GUY">Guyana</option><option value="HTI">Haiti</option><option value="HMD">Heard Island And McDonald Islands</option><option value="HND">Honduras</option><option value="HKG">Hong Kong</option><option value="HUN">Hungary</option><option value="ISL">Iceland</option><option value="IND">India</option><option value="IDN">Indonesia</option><option value="IRN">Iran</option><option value="IRQ">Iraq</option><option value="IRL">Ireland</option><option value="IMN">Isle Of Man</option><option value="ISR">Israel</option><option value="ITA">Italy</option><option value="JAM">Jamaica</option><option value="JPN">Japan</option><option value="JEY">Jersey</option><option value="JOR">Jordan</option><option value="KAZ">Kazakhstan</option><option value="KEN">Kenya</option><option value="KIR">Kiribati</option><option value="KWT">Kuwait</option><option value="KGZ">Kyrgyzstan</option><option value="LAO">Laos</option><option value="LVA">Latvia</option><option value="LBN">Lebanon</option><option value="LSO">Lesotho</option><option value="LBR">Liberia</option><option value="LBY">Libya</option><option value="LIE">Liechtenstein</option><option value="LTU">Lithuania</option><option value="LUX">Luxembourg</option><option value="MAC">Macao</option><option value="MKD">Macedonia</option><option value="MDG">Madagascar</option><option value="MWI">Malawi</option><option value="MYS">Malaysia</option><option value="MDV">Maldives</option><option value="MLI">Mali</option><option value="MLT">Malta</option><option value="MHL">Marshall Islands</option><option value="MTQ">Martinique</option><option value="MRT">Mauritania</option><option value="MUS">Mauritius</option><option value="MYT">Mayotte</option><option value="MEX">Mexico</option><option value="FSM">Micronesia</option><option value="MDA">Moldova</option><option value="MCO">Monaco</option><option value="MNG">Mongolia</option><option value="MNE">Montenegro</option><option value="MSR">Montserrat</option><option value="MAR">Morocco</option><option value="MOZ">Mozambique</option><option value="MMR">Myanmar</option><option value="NAM">Namibia</option><option value="NRU">Nauru</option><option value="NPL">Nepal</option><option value="NLD">Netherlands</option><option value="ANT">Netherlands Antilles</option><option value="NCL">New Caledonia</option><option value="NZL">New Zealand</option><option value="NIC">Nicaragua</option><option value="NER">Niger</option><option value="NGA">Nigeria</option><option value="NIU">Niue</option><option value="NFK">Norfolk Island</option><option value="PRK">North Korea</option><option value="MNP">Northern Mariana Islands</option><option value="NOR">Norway</option><option value="OMN">Oman</option><option value="PAK">Pakistan</option><option value="PLW">Palau</option><option value="PSE">Palestine</option><option value="PAN">Panama</option><option value="PNG">Papua New Guinea</option><option value="PRY">Paraguay</option><option value="PER">Peru</option><option value="PHL">Philippines</option><option value="PCN">Pitcairn</option><option value="POL">Poland</option><option value="PRT">Portugal</option><option value="PRI">Puerto Rico</option><option value="QAT">Qatar</option><option value="REU">Reunion</option><option value="ROU">Romania</option><option value="RUS">Russia</option><option value="RWA">Rwanda</option><option value="BLM">Saint Barthélemy</option><option value="SHN">Saint Helena</option><option value="KNA">Saint Kitts And Nevis</option><option value="LCA">Saint Lucia</option><option value="MAF">Saint Martin</option><option value="SPM">Saint Pierre And Miquelon</option><option value="VCT">Saint Vincent And The Grenadines</option><option value="WSM">Samoa</option><option value="SMR">San Marino</option><option value="STP">Sao Tome And Principe</option><option value="SAU">Saudi Arabia</option><option value="SEN">Senegal</option><option value="SRB">Serbia</option><option value="SYC">Seychelles</option><option value="SLE">Sierra Leone</option><option value="SGP">Singapore</option><option value="SXM">Sint Maarten (Dutch part)</option><option value="SVK">Slovakia</option><option value="SVN">Slovenia</option><option value="SLB">Solomon Islands</option><option value="SOM">Somalia</option><option value="ZAF">South Africa</option><option value="SGS">South Georgia And The South Sandwich Islands</option><option value="KOR">South Korea</option><option value="ESP">Spain</option><option value="LKA">Sri Lanka</option><option value="SDN">Sudan</option><option value="SUR">Suriname</option><option value="SJM">Svalbard And Jan Mayen</option><option value="SWZ">Swaziland</option><option value="SWE">Sweden</option><option value="CHE">Switzerland</option><option value="SYR">Syria</option><option value="TWN">Taiwan</option><option value="TJK">Tajikistan</option><option value="TZA">Tanzania</option><option value="THA">Thailand</option><option value="COD">The Democratic Republic Of Congo</option><option value="TLS">Timor-Leste</option><option value="TGO">Togo</option><option value="TKL">Tokelau</option><option value="TON">Tonga</option><option value="TTO">Trinidad and Tobago</option><option value="TUN">Tunisia</option><option value="TUR">Turkey</option><option value="TKM">Turkmenistan</option><option value="TCA">Turks And Caicos Islands</option><option value="TUV">Tuvalu</option><option value="VIR">U.S. Virgin Islands</option><option value="UGA">Uganda</option><option value="UKR">Ukraine</option><option value="ARE">United Arab Emirates</option><option value="GBR">United Kingdom</option><option value="USA">United States</option><option value="UMI">United States Minor Outlying Islands</option><option value="URY">Uruguay</option><option value="UZB">Uzbekistan</option><option value="VUT">Vanuatu</option><option value="VAT">Vatican</option><option value="VEN">Venezuela</option><option value="VNM">Vietnam</option><option value="WLF">Wallis And Futuna</option><option value="ESH">Western Sahara</option><option value="YEM">Yemen</option><option value="ZMB">Zambia</option><option value="ZWE">Zimbabwe</option></select>
</div>
<span class="form-text errorMessage" data-hppvalidatetext="billingCountry"></span>
</div>
</div>
</div>
</div>
</div> <!-- same as shipping address -->
</div>
<div data-hppdisplaycontrolcontainerfor="billing-readonly">
<div class="row ">
<div class="col-md-12">
</div>
</div>
<div class="row">
<div class="col-md-12">
</div>
</div>
<div class="row ">
<div class="col-md-12">
</div>
</div>
<div class="row">
<div class="col-md-12">
</div>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div class="card" data-hppdisplaycontrolcontainerfor="customer">
<div data-hppcontent="customer"><div data-hppdisplaycontrolcontainerfor="customer.email">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="font-weight-bold control-label" for="customerEmail" id="label-customerEmail">
<span>Email address</span>
<span class="requiredStar" data-hppmandatoryindicatorfor="customerEmail" aria-hidden="true">*</span>
</label>
<div class="row">
<div class="col-md-6 emailAddress">
<input id="customerEmail" type="text" class="form-control" aria-labelledby="label-customerEmail" data-hppcustomeremail="" maxlength="80" aria-required="false">
</div>
<span class="form-text errorMessage" data-hppvalidatetext="customerEmail"></span>
</div>
</div>
</div>
</div>
</div>
<div data-hppdisplaycontrolcontainerfor="customer.email-readonly">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="ielabelfix">Email address:</label>
</div>
</div>
</div>
</div></div>
</div>
<div class="card">
<div data-hppdisplaycontrolcontainerfor="orderDetails" style="display: block;">
<h3 class="h3">Order details</h3>
</div>
<div data-hppcontent="orderDetails"><div class="orderDetails">
<div data-hppdisplaycontrolcontainerfor="orderDetails" style="display: block;">
<table class="table">
<tbody>
<tr class="orderDescription">
<td colspan="2">
<span data-hpporderdescription="">This is the order description</span>
</td>
</tr>
<tr class="subTotalDividerRow" data-hppcontainerfor="orderItemAmount orderShippingAndHandlingAmount orderTaxAmount">
<td colspan="2"></td>
</tr>
<tr data-hppcontainerfor="orderItemAmount" class="subTotalRow">
<th scope="row" class="lineItemText">Item subtotal</th>
<td class="lineItemAmounts">
<span data-hppordercurrencysymbol="">₨</span>
</td>
</tr>
<tr data-hppcontainerfor="orderShippingAndHandlingAmount" class="subTotalRow">
<th scope="row" class="lineItemText">Shipping and handling</th>
<td class="lineItemAmounts">
<span data-hppordercurrencysymbol="">₨</span>
</td>
</tr>
<tr data-hppcontainerfor="orderTaxAmount" class="subTotalRow">
<th scope="row" class="lineItemText">Tax</th>
<td class="lineItemAmounts">
<span data-hppordercurrencysymbol="">₨</span>
</td>
</tr>
<tr class="subTotalRow" data-hppnetamountsubtotal="" style="display: none;">
<th scope="row" class="lineItemText">Subtotal</th>
<td class="lineItemAmounts">
<span data-hppordercurrencysymbol="">₨</span>
</td>
</tr>
<tr data-hppcontainerfor="surchargeAmount" class="subTotalRow">
<th scope="row" class="lineItemText">Surcharge</th>
<td class="lineItemAmounts">
<span data-hppordercurrencysymbol="">₨</span>
</td>
</tr>
</tbody>
</table>
</div>
<div data-hppcontainerfor="orderAmount" style="display: block;">
<table class="table">
<tbody data-hppordertotals="">
<tr class="totalRow d-none d-sm-block text-alignment-right">
<td colspan="2" class="lineItemAmounts">
<span>Total</span>
<span class="orderCurrency"><span data-hppordercurrency="">MUR</span>:</span> <span data-hppordercurrencysymbol="">₨</span><span data-hpporderamount="">100.00</span>
</td>
</tr>
<tr class="totalRow d-block d-sm-none">
<td colspan="2" class="lineItemAmounts text-center">
<span data-hppordercurrencysymbol="">₨</span><span data-hpporderamount="">100.00</span> <span class="orderCurrency" data-hppordercurrency="">MUR</span>
</td>
</tr>
</tbody>
<tbody style="display: none" data-hppdccacceptshowhide="">
<tr class="totalRow d-none d-sm-block">
<td colspan="2" class="lineItemAmounts">
<span data-hppdcclabel=""></span> <span class="orderCurrency"><span data-hppdcccurrency=""></span>:</span> <span data-hppdcccurrencysymbol=""></span><span data-hppdccamount=""></span>
</td>
</tr>
<tr class="totalRow d-block d-sm-none">
<td colspan="2" class="lineItemAmounts text-center">
<span data-hppdcccurrencysymbol=""></span><span data-hppdccamount=""></span> <span class="orderCurrency" data-hppdcccurrency=""></span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<script type="text/template" data-lineitemtemplate="">
<% _.forEach(order.item, function(lineItem) { %>
<tr>
<td class="lineItemText">
<div class="lineItemName"><%=lineItem.name%></div>
<% if (lineItem.description) { %>
<div class="lineItemDescription"><%=lineItem.description%></div>
<% } %>
</td>
<td class="lineItemAmounts">
<%=currencySymbol%><%=lineItem.unitPriceFormatted%> x <%=lineItem.quantity%> = <span class="lineItemTotalAmount"><%=currencySymbol%><%=lineItem.totalAmountFormatted%></span>
</td>
</tr>
<% }); %>
</script>
</div>
</div>
<div class="row buttonRow">
<div class="col-md-12">
<div data-hpppaymentmethodshowhide="CARD">
<div id="threeDSecureMessage" data-hppthreedsecuremessage="">
<p>The next screen you see may be payment card verification through your card issuer.</p>
</div>
</div>
</div>
<div data-hppcontent="paymentConfirmation"><div class="col-md-12 col-xs-12 text-right confirmation-checkbox" data-hppdisplaycontrolcontainerfor="paymentConfirmation">
<input id="confirmationCheckbox" type="checkbox" name="confirmationCheckbox" class="checkbox-align">
<label for="confirmationCheckbox">Confirm payment</label>
<div id="confirmationError" class="error-tooltip" style="display: none;" aria-hidden="true">
<div class="tooltip-inner text-right fallback-font">Please check to confirm</div>
</div>
</div></div>
<div class="col-12 d-none justify-content-end" id="paypal-smart-button-container">
<a class="cancelButton px-4 d-none d-sm-block align-self-center text-right" data-hppcancelbutton="" href="https://ecertificateofcharacter.govmu.org/coc/pages/cocPaymentDetails.xhtml?orderid=00415700_tftnkcumrb">Cancel</a>
<div class="col-xs-12 col-sm-6 col-md-4 p-0">
<div id="paypal-smart-button" class="w-100" style="display: none;"></div>
</div>
</div>
<div class="col-12 text-right d-none d-sm-block" id="button-row1">
<a class="cancelButton" data-hppcancelbutton="" href="https://ecertificateofcharacter.govmu.org/coc/pages/cocPaymentDetails.xhtml?orderid=00415700_tftnkcumrb">Cancel</a>
<button class="submitButton btn btn-success contrast-success-btn" type="button" data-hppsubmitbutton="" style="">Pay now</button>
<button class="submitButton btn btn-success contrast-success-btn" type="button" data-hppverifybutton="" style="display: none;">Continue</button>
</div>
<div class="col-12 d-block d-sm-none" id="button-row2">
<button class="submitButton btn btn-success contrast-success-btn" type="button" data-hppsubmitbutton="" style="">Pay now</button>
<button class="submitButton btn btn-success contrast-success-btn" type="button" data-hppverifybutton="" style="display: none;">Continue</button>
</div>
<div class="col-12 d-block d-sm-none">
<a class="cancelButton btn" data-hppcancelbutton="" href="https://ecertificateofcharacter.govmu.org/coc/pages/cocPaymentDetails.xhtml?orderid=00415700_tftnkcumrb">Cancel</a>
</div>
</div>
<footer class="row checkoutFooter">
<div class="col-md-12">
<hr>
</div>
<div class="col-md-12 text-right">
<div class="footerRow">
<table class="footerFlow">
<tbody><tr>
<td class="footerText">Powered By</td>
<td class="footerImage"><img src="/asset/managed/resource/checkout/theme/default/logoImagePage"></td>
</tr>
</tbody></table>
</div>
</div>
</footer>
<!-- ======================== INDICATOR CONTAINER ============================-->
<div data-hppcontent="indicator"><div data-hppindicatorcontent="" class="modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" style="text-align: center">
<p role="alert" data-hppindicatormessage="">Your request is being processed.</p>
<div>
<span class="spinner"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div data-hppcontent="otpModal"><div data-otpmodalcontent="" class="modal" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header d-block">
<div id="transactionCodeHeader" class="modal-title"> Transaction Code </div>
<div id="verifyingCodeHeader" class="modal-title"> Verifying Transaction Code </div>
</div>
<div style="display: none" id="errorSendOtp"> Unable to send your transaction code.</div>
<div style="display: none" id="invalidOtp"> Your transaction code was incorrect. Please check the code and try again.</div>
<div style="display: none" id="errorOnVerify"> Transaction code was unable to be verified. Please try resending a new code.</div>
<div style="display: none" id="networkErrorSendOtp"> Unable to send your transaction code. Network error. Please try resending a new code.</div>
<div style="display: none" id="networkErrorVerifyOtp"> Unable to send your transaction code. Network error. Please try resending a new code.</div>
<div class="modal-body" style="text-align: center">
<div class="alert alert-danger" id="errorMsg"> </div>
<div class="alert alert-success" id="successMsg"> Your transaction code was verified successfully. </div>
<div id="otpSentMsg">Your transaction code was sent to your registered number.</div>
<div id="otpSending"><span class="spinner"></span></div>
<div id="otpInput">
<div class="form-inline">
<div class="form-group">
<input class="form-control" placeholder="Enter transaction code ..." id="otp" type="text" data-otptransactioncode="" maxlength="20">
</div>
<div class="form-group">
<button class="btn btn-link" id="otpResend" data-toggle="tooltip" data-placement="top" title="" data-original-title="Resend">
<i class="icon-arrows-ccw icon-2x"></i>
</button>
</div>
</div>
</div>
</div>
<div class="modal-footer" id="otpActions">
<button id="otpCancel" class="btn">Cancel</button>
<button id="otpProceed" class="btn btn-primary">Proceed</button>
</div>
</div>
</div>
</div>
</div><script> var translatedMessages = {"citiBoletoBancario_customerName_error_invalid":"The Customer Name is invalid.","bankIdentifier_error_invalid":"Bank identifier is invalid","paymentPlan_planid_translated_PLANN":"Plan N","paymentPlan_offers_header":"Please select which option you wish to proceed with","interaction_timer_label":"You have {0} remaining for this payment","cardDetails_cardNumber_error_invalid":"Card number is invalid","costcoDetails_pin_error_invalid":"Pin is invalid","customerPhone_error_invalid":"8-10 digit phone number is required","loader_label":"Payment page is loading, please wait","cardDetails_cardHolderName_error_invalid":"Cardholder name is invalid","paymentPlan_offers_interest_textOnly":"interest","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.","directDebitDetails_bankAccountNumber_error_invalid":"Bank account number is invalid","receipt_dccAmount_label":"You Paid","customerFirstName_error_invalid":"A valid first name is required","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.","cardDetails_cardSecurityCode_error_invalid":"The security code is invalid","paymentPlan_planid_translated_PLANAMEX":"Plan Amex","paymentPlan_deferrals_dropdown_infull_pattern":"in full after {0,choice,0#0 months|1#1 month|1<{0,number} months}","billingDetails_street2_error_invalid":"The street2 that you have entered is invalid","paymentPlan_planid_translated_BANORTE_FULL_PAYMENT_WITH_DEFERRAL":"Banorte","achDetails_accountNumber_error_invalid":"Account number is invalid","receipt_line1_verified":"Your payment details have been successfully verified.","transaction_error_unsuccessful_canAttemptPayment":"Unable to proceed with payment.","paymentMethod_insufficientTime":"There is less than {0} minutes remaining which is an insufficient period to complete payment using {1}. Please select another payment method or cancel to return to merchant.","interaction_timer_label_option2":"Minutes remaining for this payment:","paymentPlan_card_details_unselected":"No payment plan","citiBoletoBancario_cnpj_error_invalid":"CNPJ is invalid.","billingDetails_stateProvince_error_invalid":"Invalid state / province","achDetails_confirmAccountNumber_error_invalid":"Confirm account number is invalid","achDetails_routingNumber_error_invalid":"Routing number is invalid","paymentPlan_pay_fullAmount":"Pay full amount now","paymentPlan_offers_installments":"{0} per month for {1,choice,0#0 months|1#1 month|1<{1,number} months}","flr_decline_message":"The operation was not completed. Please verify that the merchant supports Local card payment service, choosing it as a payment service.","paymentPlan_planid_translated_REDECARD":"Redecard","indicator_message":"Your request is being processed.","customerEmail_error_invalid":"A valid email address is required","citiBoletoBancario_cpf_error_invalid":"CPF is invalid.","billingDetails_country_error_invalid":"Invalid country","paymentPlan_offers_loading":"Calculating your plan summary...","paymentPlan_interestFree":"interest free","paymentPlan_deferrals_dropdown_pattern":"first payment after {0,choice,0#0 months|1#1 month|1<{0,number} months}","paymentPlan_pay_with":"Pay with","directDebitDetails_transitNumber_error_invalid":"Transit number is invalid","paymentPlan_planid_translated_BANORTE_WITH_INTEREST":"Banorte","citiBoletoBancario_companyName_error_invalid":"The Company Name is invalid.","paymentPlan_card_details_enter":"Please enter your card details to see if there are any plans available to you.","achDetails_confirmAccountNumber_mismatch_error_invalid":"The account numbers do not match","transaction_error_heading_verified":"Unsuccessful","inputField_error_mandatory":"This field is required","orderDetails_dccAmount_label":"You Pay","paymentPlan_installments_dropdown_label":"Please select your number of payments","achDetails_accountHolder_error_invalid":"Account holder name is invalid","customerLastName_error_invalid":"A valid last name is required","billingDetails_city_error_invalid":"Invalid city","directDebitDetails_confirmBankAccountNumber_error_invalid":"Confirm bank account number is invalid","order_error_duplicate_verified":"Payment details for this order have already been verified.","directDebitDetails_confirmBankAccountNumber_mismatch_error_invalid":"The bank account numbers do not match","directDebitDetails_financialInstituteNumber_error_invalid":"Financial institution number is invalid","paymentPlan_header":"Payment plan options","customerEmail_shipping_error_invalid":"Please enter a valid email address for shipping updates.","request_error_invalid":"Invalid request","secure_remote_commerce_loading":"Check out in our secure browser","paymentPlan_offers_interest":"with an interest rate of {2}","paymentPlan_offers_final_amount":"total cost of {3}.","billingDetails_stateProvinceCounty_error_invalid":"Invalid county / province / state","cardDetails_expiryYear_error_invalid":"Invalid year","paymentPlan_deferrals_dropdown_label":"Please select your deferral period","interaction_timer_label_accessibility":"You have {0} minutes remaining for this payment","paymentPlan_installments_dropdown_pattern":"{0,choice,0#0 payments|1#1 payment|1<{0,number} payments}","paymentPlan_planid_translated_CIELO":"Cielo","cardDetails_expiryMonth_shortMonth_error_invalid":"Month format must be MM","paymentPlan_offers_error":"Unable to calculate plan summary","inputField_error_invalid_character":"Invalid characters input for this field: {0}","paymentPlan_offers_total_cost":"Total cost","billingDetails_postcodeZip_error_invalid":"Invalid postcode / ZIP","cardDetails_expiryMonth_error_invalid":"Invalid month","directDebitDetails_bankAccountHolder_error_invalid":"Bank account holder name is invalid","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>
<!--[if lte IE 8]><!-->
<script type="text/javascript" src="https://ap-gateway.mastercard.com/form/v3/hpf.js"></script>
<script type="text/javascript" src="https://ap-gateway.mastercard.com/form/version/66/merchant/000509399320/session.js"></script>
<script type="text/javascript" src="https://ap-gateway.mastercard.com/static/threeDS/1.3.0/three-ds.min.js"></script>
<script type="text/javascript" src="https://ap-gateway.mastercard.com/checkout/public/wro/libs.js?cache=3029cc60503bc5973e608b3e693c5738"></script>
<script type="text/javascript" src="https://ap-gateway.mastercard.com/checkout/public/wro/scripts.js?cache=3029cc60503bc5973e608b3e693c5738"></script>
<!--<![endif]-->
<!--[if gt IE 8]><!-->
<script id="hpfScript" src="https://ap-gateway.mastercard.com/form/v3/hpf.js"></script>
<script id="paymentSessionScript" src="https://ap-gateway.mastercard.com/form/version/66/merchant/000509399320/session.js"></script>
<script src="https://ap-gateway.mastercard.com/static/threeDS/1.3.0/three-ds.min.js"></script>
<script src="https://ap-gateway.mastercard.com/checkout/public/wro/libs.js?cache=3029cc60503bc5973e608b3e693c5738"></script>
<script src="https://ap-gateway.mastercard.com/checkout/public/wro/scripts.js?cache=3029cc60503bc5973e608b3e693c5738"></script>
<!--<![endif]-->
<script>
var MAX_REQUEST_RETRY_TIMES = 3;
var MAX_ORDER_PROCESSING_RETRY_TIMES = 12;
var TIMEOUT_IN_MILLIS = 5000;
var orderProcessingAttempts = 0;
var initialiseParams = {};
var submitData = {
paRes: '',
timezoneOffset: new Date().getTimezoneOffset() / -60,
gatewayRecommendation: ''
};
if (false) {
submitData.debug = true;
}
if (false) {
submitData.cancel = true;
}
if (false) {
submitData.masterPassSuccess = "";
}
if (false) {
submitData.secureRemoteCommerceSuccess = "";
}
var pageStateStart = new Date().getTime();
var processResponseForIncompleteOrder = function (response) {
if (response.returningFromBrowserPayment && response.initiated) {
var checkForOrder = function () {
orderProcessingAttempts++;
if (orderProcessingAttempts < MAX_ORDER_PROCESSING_RETRY_TIMES) {
request(orderProcessingAttempts);
} else {
return processResponse(response)
}
};
setTimeout(checkForOrder, TIMEOUT_IN_MILLIS)
} else {
return processResponse(response)
}
};
var processResponse = function (response) {
var deferred = $.Deferred();
try {
tnspay.hpp.initialise(response, translatedMessages);
_gaq.push(['_trackTiming', "HPP", "pageState", new Date().getTime() - pageStateStart]);
deferred.resolve();
} catch (e) {
deferred.reject();
}
return deferred.promise();
};
var processFailure = function () {
_gaq.push(['_trackEvent', "HPP", "pay initialise", "error", undefined, true]);
_gaq.push(['_trackTiming', "HPP", "pageState", new Date().getTime() - pageStateStart]);
$.get("https://ap-gateway.mastercard.com/checkout/public/views/serverError.html")
.done(function (page) {
var newDoc = document.open("text/html", "replace");
newDoc.write(page);
newDoc.close();
}).fail(function () {
location = "https://ap-gateway.mastercard.com/checkout/public/views/serverError.html";
})
};
var request = function (count) {
var finalCount = count ? MAX_REQUEST_RETRY_TIMES + count : MAX_REQUEST_RETRY_TIMES;
tnspay.deferred.retry(function () {
return $.ajax({
type: "POST",
url: '/checkout/api/pageState/SESSION0002574674946E45334443K3',
data: submitData,
dataType: "json",
timeout: TIMEOUT_IN_MILLIS
});
}, finalCount).then(processResponseForIncompleteOrder).fail(processFailure);
};
request();
</script>
<!-- Update elements within the cached template with dynamic content returned in the model -->
<script>
$("#masterPassLearnMoreLink").attr("href", "https://www.mastercard.com/mc_us/wallet/learnmore/en/US/");
</script>
</body></html>