<!DOCTYPE html>
<html lang="en">
<!-- Start Visual Website Optimizer Asynchronous Code -->
<script type='text/javascript'>
try{
var purchaseFrom = "PayuMoneyButton";
var merchantId = "7103703";
_vis_opt_check_segment = {'global': true};
var _vwo_code=(function(){
var account_id=327045,
settings_tolerance=5000,
library_tolerance=5000,
use_existing_jquery=false,
/* DO NOT EDIT BELOW THIS LINE */
f=false,d=document;return{use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&r='+Math.random());return settings_timer;}};}());_vwo_settings_timer=_vwo_code.init();
}catch(e){
//Do Nothing
}
</script>
<!-- End Visual Website Optimizer Asynchronous Code -->
<head lang="en">
<meta charset="UTF-8">
<link href="https://checkout-static.citruspay.com/web/images/favicon_index.ico" rel="shortcut icon" type="image/x-icon" sizes="16x16">
<title>PayUmoney | Payments</title>
<script src="https://checkout-static.citruspay.com/lib/js/jquery.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="https://checkout-static.citruspay.com/web/css/v3web_7_4.min.css">
<script type="text/javascript" src="https://checkout-static.citruspay.com/payuMoney/js/payuV3webLoadEssential_5_11.min.js"></script>
<noscript>Your browser does not support JavaScript! Or JavaScript is disabled in your browser.</noscript>
<script type='text/javascript'>
var clevertap = {event:[], profile:[], region : 'in', account:[], onUserLogin:[], notifications:[]};
var cleverTapId = "WW6-Z6K-RW5Z";
clevertap.account.push({"id": cleverTapId});
(function () {
var wzrk = document.createElement('script');
wzrk.type = 'text/javascript';
wzrk.async = true;
wzrk.src = ('https:' == document.location.protocol ? 'https://d2r1yp2w7bby2u.cloudfront.net' : 'http://static.clevertap.com') + '/js/a.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wzrk, s);
})();
function getSslPageBaseURL(){
var baseURL= "https://www.citruspay.com";
return baseURL;
}
function getServerTime(){
var date = "09/10/2020";
return date;
}
function imgError(image) {
image.onerror = "";
image.src = "https://checkout-static.citruspay.com/web/images/payuBanrding.png";
return true;
}
/* Merchant card Scheme Fetcher */
function dcSchemeAvailability(cScheme){
var cardArray =[];
cardArray.push("master card")
cardArray.push("mast")
cardArray.push("visa")
cardArray.push("visa")
cardArray.push("maestro card")
cardArray.push("smae")
cardArray.push("maestro card")
cardArray.push("maes")
cardArray.push("visa")
cardArray.push("citd")
cardArray.push("RuPay")
cardArray.push("rupay")
if(cardArray.indexOf(cScheme.toLowerCase())>=0)
return true;
return false;
}
function ccSchemeAvailability(cScheme) {
var cardArray = [];
var cScheme = cScheme.toLowerCase();
cardArray.push("amex")
cardArray.push("amex")
cardArray.push("cc")
cardArray.push("cc")
cardArray.push("rupay")
cardArray.push("rupaycc")
cardArray.push("diners")
cardArray.push("dinr")
if (cScheme == "amex" || cScheme == "rupay" || cScheme == "diners" || cScheme == "maestro card") {
return cardArray.indexOf(cScheme) >= 0 ? true : false;
} else if (cardArray.indexOf('cc') >= 0 || cardArray.indexOf(cScheme) >= 0) {
return true;
}
return false;
}
function merchantBankAvailability(issuerCode){
var bankArray =[];
bankArray.push("SBIB")
bankArray.push("HDFB")
bankArray.push("ICIB")
bankArray.push("AXIB")
bankArray.push("162B")
bankArray.push("INOB")
bankArray.push("IDBB")
bankArray.push("AIRNB")
bankArray.push("BOIB")
bankArray.push("BOMB")
bankArray.push("CABB")
bankArray.push("CSBN")
bankArray.push("CBIB")
bankArray.push("CUBB")
bankArray.push("CSMSNB")
bankArray.push("DCBB")
bankArray.push("DENN")
bankArray.push("DSHB")
bankArray.push("DLSB")
bankArray.push("FEDB")
bankArray.push("IDFCNB")
bankArray.push("INDB")
bankArray.push("INIB")
bankArray.push("JAKB")
bankArray.push("JSBNB")
bankArray.push("KRKB")
bankArray.push("KRVBC")
bankArray.push("KRVB")
bankArray.push("LVRB")
bankArray.push("OBCB")
bankArray.push("UNIB")
bankArray.push("PSBNB")
bankArray.push("PNBB")
bankArray.push("CPNB")
bankArray.push("SRSWT")
bankArray.push("SVCNB")
bankArray.push("SOIB")
bankArray.push("SYNDB")
bankArray.push("TMBB")
bankArray.push("TBON")
bankArray.push("UCOB")
bankArray.push("UBIB")
bankArray.push("UBIBC")
bankArray.push("ADBB")
bankArray.push("CRPB")
bankArray.push("VJYB")
bankArray.push("YESB")
if(bankArray.indexOf(issuerCode)>=0)
return true;
return false;
}
function getFittipaldiKey(){
var fittipaldiKey = "592e7867e4b0e24052c2c6ca";
return fittipaldiKey;
}
function isMcpEnable(){
var isMcpEnable = "false";
return isMcpEnable;
}
var handles = "{"allHandles":[{"handle":"apl","order":1},{"handle":"axisbank","order":2},{"handle":"allbank","order":3},{"handle":"andb","order":4},{"handle":"barodampay","order":1},{"handle":"centralbank","order":1},{"handle":"cnrb","order":2},{"handle":"csbpay","order":3},{"handle":"dbs","order":1},{"handle":"dcb","order":2},{"handle":"denabank","order":3},{"handle":"federal","order":1},{"handle":"hdfcbank","order":1},{"handle":"hsbc","order":2},{"handle":"icici","order":1},{"handle":"imobile","order":2},{"handle":"indus","order":3},{"handle":"idfcbank","order":4},{"handle":"idbi","order":5},{"handle":"indianbank","order":6},{"handle":"kaypay","order":1},{"handle":"kotak","order":2},{"handle":"kbl","order":3},{"handle":"kvb","order":4},{"handle":"lvb","order":1},{"handle":"mahb","order":1},{"handle":"obc","order":1},{"handle":"pingpay","order":2},{"handle":"pnb","order":3},{"handle":"rbl","order":1},{"handle":"sbi","order":1},{"handle":"scb","order":2},{"handle":"sib","order":3},{"handle":"syndicate","order":4},{"handle":"tjsb","order":1},{"handle":"upi","order":1},{"handle":"uco","order":2},{"handle":"unionbank","order":3},{"handle":"united","order":4},{"handle":"vijb","order":1},{"handle":"ybl","order":1},{"handle":"yesbank","order":2},{"handle":"pockets","order":0},{"handle":"uboi","order":0},{"handle":"unionbankofindia","order":0},{"handle":"utbi","order":0},{"handle":"psb","order":0},{"handle":"ubi","order":0},{"handle":"okaxis","order":0},{"handle":"okhdfcbank","order":3},{"handle":"equitas","order":1},{"handle":"okicici","order":3},{"handle":"paytm","order":1}]}";
handles = handles.replace(/"/g, '"');
</script> </head>
<body>
<form id="payment">
<input type="hidden" name="orderAmount" value="100.00">
<input type="hidden" name="currency" value="INR">
<input type="hidden" name="email" value="">
<input type="hidden" name="phoneNumber" value="">
<input type="hidden" name="merchantTxnId" value="8C749461688A676464AB657EB207CA53">
<input type="hidden" name="pageId" value="">
<input type="hidden" name="payUBaseUrl" value="https://www.payumoney.com">
<input type="hidden" name="payUSeamLessPayUrl" value="https://secure.payu.in/_payment">
<div id="conveFeeResponse" style="display:none;">{"CC":{"DEFAULT":0.0},"EMI":{"DEFAULT":0.0},"CC_INT":{"DEFAULT":0.0},"BQR":{"DBQR":0.0,"DEFAULT":0.0},"LP":{"DEFAULT":0.0},"LOYLTY":{"DEFAULT":0.0},"posCC":{"DEFAULT":0.0},"DC_INT":{"DEFAULT":0.0,"RUPAY":0.0},"CASH":{"DEFAULT":0.0},"COD_SHIPPING":{"DEFAULT":0.0},"posDC":{"DEFAULT":0.0},"UPI":{"DEFAULT":0.0},"NB":{"DEFAULT":0.0},"WALLET":{"DEFAULT":0.0},"SQR":{"DEFAULT":0.0},"SBQR":{"DEFAULT":0.0},"DC":{"DEFAULT":0.0,"RUPAY":0.0},"CB":{"DEFAULT":0.0}}</div>
<input type="hidden" name="purchaseFrom" value="PayuMoneyButton">
<input type="hidden" name="dPI" value="353923970">
<input type="hidden" name="invoiceId" value="">
<input type="hidden" name="merchantAccessKey" value="7103703">
<input type="hidden" name="binServiceUrl" value="https://bin.citruspay.com/binservice/v1/bin/">
<input type="hidden" name="citrusEnv" value="prod">
<input type="hidden" name="v3BaseUrl" value="https://checkout.citruspay.com">
<input type="hidden" class="mobileDetection" name="mobileDetection" value="false">
<input type="hidden" name="merchantColorCode" value="a5c339">
<input type="hidden" name="nitroEnabled" value="true">
<input type="hidden" name="errorLoggingAllowed" value="false">
<input type="hidden" name="EventLoggingAllowed" value="false">
<input type="hidden" name="CleverTapEventAllowed" value="true">
<input type="hidden" name="vpaMihPayuId" value="9e635640caeaff9b166e0f0ac5eff514">
<input type="hidden" name="isMobileOnlyCheckout" value="false">
<input type="hidden" name="pmBaseUrl" class="pmBaseUrl" value="">
<input type="hidden" name="pmInvoiceBaseUrl" class="pmInvoiceBaseUrl" value="">
<input type="hidden" name="pmSecureUrl" class="pmSecureUrl" value="">
<input type="hidden" name="staticUrl" value="https://checkout-static.citruspay.com">
<input type="hidden" name="getUpiTimeout" value="5:00">
<input type="hidden" name="getConsentPaymentFlag" value="">
</form>
<input type="hidden" name="isEnableCancelReason" value="false">
<div class="cancel-popup" style="display:none;">
<div class="wrapper">
<p class="header-title">Are you sure, you want to cancel your transaction?</p>
<p class="redirecting-msg">You will be redirected to merchant site</p>
<p>
<button type="submit" id="cancle-yes" class="btn btn-grey">Yes</button>
<button type="button" id="cancle-no" class="btn btn-orange" style="background-color:#a5c339;">No</button>
</p>
</div>
</div>
<div class="navigation-wrapper">
<nav class="navbar navbar-default navbar-fixed-top header" style="background-color:#a5c339">
<div class="cancel-this">
<span> <i data-icon="k"></i><span class="cancelSpan"> Cancel </span></span>
</div>
<div class="secure-payment">
<i data-icon="i"></i>
<span class="cancelSpan">
Secure Payment By PayU
</span>
</div>
<div class="container">
<div class="navbar-header">
<a class="navbar-brand">
<div class="brandlogo"><img alt="merchantBrand logo" src="" alt="brand" onerror="imgError(this);"/></div>
</a>
<div class="payment-info displayAmtCurr">
<span>Pay</span> <span name='currency' class="Currency">₹</span><span id="amount">100.00</span>
</div>
<div class="payment-info-equivalent" style="display:none">
<span>Equivalent of</span> <span name='currency' class="BaseCurrencySymbol">INR</span><span id="Baseamount">100.00</span>
</div>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Back</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="container-payment-gateway more-tab">
<div class="row">
<div class="col-md-12">
<div class="panel panel-default panel-details">
<div class="panel-heading clearfix user-info user-email-mobile" style="display:none;">
<span class="user-icon">
<i data-icon="b" class="user-icon-i"></i></span>
<span class="user-mobile"></span>
<span class="seperation" style="display:none;">|</span>
<span class="user-email"></span>
<span class="show-details">
<a href="javascript:;" class="edit-details" id="showDetails"><span class="showLabel">Show</span>
<span class="hideLabel">Hide</span>
Details</a>
</span>
</div>
<div class="panel-heading clearfix your-details">
<span class="panel-title pull-left userDetails">User Details</span>
<span class="show-details">
<a href="javascript:;" class="edit-details1" id="showDetails1"><span class="showLabel">Show</span><span
class="hideLabel">Hide</span>
Details</a>
</span>
</div>
<div class="panel-body panel-body-user" id="edit-details">
<input type="hidden" value="false">
<div id="form-details">
<div class="inline-input-mobile mobNum inline-input-parent">
<div class="input-group border-right-zero mobile-container">
<span class="input-group-addon" id="basic-addon1"><i data-icon="p"></i></span>
<span class="input-group-span">Mobile*:</span>
<input type="text" name='phoneNumber' class="form-control simplebox numbersOnly" placeholder="Enter your mobile" aria-label="phoneNumber" aria-describedby="basic-addon1" id="systemp_Mobile" value = "" mandatory="y" minlength="5" maxlength="15">
</div>
</div>
<div class="inline-input-email emailId inline-input-parent">
<div class="input-group email-container">
<span class="input-group-addon"><i data-icon="h"></i></span>
<span class="input-group-span">Email*:</span>
<input type="email" name="email" class="form-control simplebox" placeholder="Enter your email" aria-label="email" aria-describedby="basic-addon1" value = "" mandatory="y" id="systemp_Email">
</div>
</div>
<div class="btn-container pay-btn">
<button class="btn btn-orange btn-block" id="register" value="" style="background-color:#a5c339; background-size:11%;">Continue to Pay</button>
</div>
</div>
</div> </div>
</div>
</div>
<div class="row" id="mainContainerPaymentOptions">
<div class="panel panel-default panel-options" id="mainPaymentTab">
<input type="hidden" name="eventTrackingValAfterRetry" value="">
<input type="hidden" name="PreferredPaymentMode" value="">
<input type="hidden" name="preferredSavedCard" value="">
<input type="hidden" name="preferredSavedBank" value="">
<input type="hidden" name="preferredBank" value="">
<input type="hidden" name="walletBalance" value="">
<input type="hidden" name="prepaidBalance" value="0.00">
<input type="hidden" name="emailVerified" value="">
<input type="hidden" name="mobileVerified" value="">
<input type="hidden" name="cookiePresent" value="">
<input type="hidden" name="emailMobViisble" value="false">
<input type="hidden" name="exitinguser" value="false">
<input type="hidden" name="userBlocked" value="false">
<input type="hidden" name="isUserSignupDisabled" value="false">
<input type="hidden" name="isBothCardEnabled" value="true">
<input type="hidden" name="isDebitCardEnabled" value="true">
<input type="hidden" name="isCreditCardEnabled" value="true">
<input type="hidden" name="paymentOptionsCount" value="4">
<input type="hidden" name="publicKey" value="-----BEGIN PUBLIC KEY-----
MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA1HX8J0HgBdNxtumWAFjj
HsbUfxDuMPYEs9xObYSQUBw1aipD40E7U6yvL99wuug7Rt6SsAezjd+oaQ8RB2Xb
iOJozcqLDJUYAox1a5AbyoJbQS6n0p86E+0X0YJUbRGnSLjdj/v42CXIGPfElSLW
bZn2UUE0uBC9/H+/IZ/gJURfp9q13/rha88utNU8NOnrT+w4k7YTCH+VMWArAcwA
qj1ZG+en320yBmDp4YV+/z86HrojovgahPzytHTppbtw3yFBxq313PB9+dcDlv6R
vlslgvFkHQP4n5nWxHhkU2LCGzy8f0AAJiBAQlJL6e3vF+EzUy+p5MHjqUx7LqYf
jwIDAQAB
-----END PUBLIC KEY-----" />
<input type="hidden" name="loggedIn" value="false">
<input type="hidden" name="nitroLoggedIn" value="false">
<input type="hidden" name="userToken" value="">
<input type="hidden" name="userId" value="-1">
<input type="hidden" name="isEnableHeadlessBrowser" value="false">
<input type="hidden" name="lazyPayEnabled" value="false">
<div class="panel-heading clearfix">
<h3 class="panel-title pull-left">Payment Options : <span>Cards (Credit/Debit)</span></h3>
</div>
<div class="panel-body payment-gateway-options">
<div class="otp-flow-two" style="display: none;">
<div class="start-otp-screen-one">
<div class="overlay">
</div>
<div id="cancelPopup">
</div>
<div class="section walletOtpSection">
<div class="steps">
<p class="header-data">Enter an OTP sent to <i data-icon="p"></i> <span class="otpMobile"></span></p>
<p>
</p><div class="input-group ">
<input type="text" class="form-control simplebox numOnly" placeholder="Enter OTP" aria-describedby="basic-addon1" id="otp" maxlength="4" autocomplete="off">
</div>
<p id="validOtpError" style="display:none">Your OTP is invalid. 4 attempts remaining</p>
<span class="resend-otp"><span class="resendOtpCounter" style="display: block">Resend OTP in <span class="sentOtpCounter" id="30">30</span> seconds</span> <a id ="resentOtp" style="display:none">Resend OTP</a></span>
<div class="">
<div class="wrap text-right" style="display:none">
<label>Remember me
<input type="checkbox" id="rememberMe" class="ios-switch green" checked>
<div>
<i data-icon="l" class="fa-toggle-off" aria-hidden="true"></i>
<i data-icon="m" class="fa-toggle-on" aria-hidden="true"></i>
</div>
</label>
</div>
</div>
<p class="btn-pay">
<button type="button" class="btn btn-orange" id="confirmOtp" style="background-color:#a5c339;" disabled="">Confirm OTP</button>
</p>
</div></div>
</div>
</div>
<div class="upi-popUp loading-text-upi-first-loader" style="display: none;">
<div class="upi-screen-one start-otp-screen-one">
<div class="overlay overlayupi"></div>
<div class="upiProcessingLoaderPayu upiProcessingLoaderPayu3">
<div class="upiProLoader">
<div class="upiProcLoader"></div>
</div>
<div class="upiProcLoaderBox" style="text-align: center;">
<span class="upiProcLoaderTxt">Validating </span>
<span class="upiProcLoaderTxt">your request</span>
</div>
</div>
</div>
</div>
<div class="upi-popUp loading-text-upi" style="display: none;">
<div class="upi-screen-one start-otp-screen-one">
<div class="overlay">
</div>
<div class="section" style="position:relative;height100%;width:100%">
<div class="msgB-upi">
<div class="tranTimer-upi msgBx-upi" style="background-color:#a5c339;"><span>Complete your transaction in <label id="tm-upi">5:00</label></span></div>
<div class="tranTimeOut-upi msgBx-upi"><span>Oops !! You couldn't finish transaction in time</span></div>
</div>
<div class="slideBox-upi">
<div class="slide-1-upi slide-upi">
<div class="slideIcons-upi">
<i data-icon="A" style="font-size: 26px;"></i>
</div>
<div class="slideMsg-upi">
<span class="slideMsgTxt-upi">You need to enter M-PIN </br>in your bank application to complete the transaction.</span>
</div>
</div>
<div class="slide-4-upi slide-upi">
<div class="slideIconsErr-upi">
<i data-icon="g"></i>
</div>
<div class="slideMsg-upi">
<span class="slideMsgTxt-upi">Don't worry you can always try again :)</span>
</div>
<p class="pay-now" style="margin-top: 20px;padding: 0 75px;">
<button type="submit" class="btn btn-orange" id="retryUpi" style="background-color:#a5c339;" >Retry</button>
</p>
</div>
<div class="upiCancleLinkDiv"><a class="upiCancleLink">Cancel UPI payment</a></div>
</div>
</div>
</div>
</div>
<div class="upi-popUp-cancel-popUp loading-text-upi-cancel-popUp" style="display: none;">
<div class="upi-screen-one start-otp-screen-one">
<div class="overlay"></div>
<div class="section cancel-upi-section" style="position:relative; height:237px; width:100%; overflow: hidden;">
<div class="upi-cancel-form">
<div class="upi-cancel-box">
<div class="upi-cancel-title">Why you want to cancel the payment?</div>
<div class="v3-error-tooltip-upi-cancel upiCancelError error-hide" style="width:160px;">
<span>Please select reason</span>
<i class="v3-error-tooltip-i" data-icon="c"></i>
</div>
<div class="upi-form-option">
<input class="upi-radio" type="radio" name="upiCancel" value="Did not receive request notification">
<div class="upi-option">
<span class="upi-redio-icon"></span>
<span class="upi-redio-txt">Did not receive request notification</span>
</div>
</div>
<div class="upi-form-option">
<input class="upi-radio" type="radio" name="upiCancel" value="Payment failure in UPI app" >
<div class="upi-option">
<span class="upi-redio-icon"></span>
<span class="upi-redio-txt">Payment failure in UPI app</span>
</div>
</div>
<div class="upi-form-option">
<input class="upi-radio" type="radio" name="upiCancel" value="Money debited from account but payment is still processing">
<div class="upi-option">
<span class="upi-redio-icon"></span>
<span class="upi-redio-txt">Money debited from account but payment is still processing</span>
</div>
</div>
<div class="upi-form-option">
<input class="upi-radio" type="radio" name="upiCancel" value="Changed my mind">
<div class="upi-option">
<span class="upi-redio-icon"></span>
<span class="upi-redio-txt">Changed my mind</span>
</div>
</div>
<p class="pay-now pay-now-upi-cancel">
<button type="submit" class="btn btn-orange" id="upiBackBtn" style="color:#f79725;background-color:#fff;color:#a5c339;margin-right:10px;">Back</button>
<button type="submit" class="btn btn-orange" id="upiSubmitBtn" style="background-color:#a5c339;">Submit</button>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="payment-sucess-upi" style="display:none;">
<p><i data-icon="o" aria-hidden="true"></i></p>
<p class="sucess-msg">Payment Success</p>
<p class="subinfo">Your payment of <span>₹100.00</span> was successfully completed </p>
<p class="btn-pay">
<button type="button" class="btn btn-orange" id="doneTransUpi" style="background-color:#a5c339;">Done</button>
</p>
<p class="redirecting-info">
You will be redirected to Merchant's page in <span class="u" id="5">5</span> seconds
</p>
</div>
<div class="payment-fail-re" id="upiFailScreen" style="display:none;">
<p><i data-icon="k" aria-hidden="true"></i></p>
<p class="sucess-msg">Payment Failed</p>
<p class="subinfo">Your payment of <span class="failAmount">₹100.00</span> was unsuccessful !!</p>
<p class="btn-pay">
<button type="button" class="btn btn-orange" id="upiBackFromFail" style="background-color:#a5c339;">Back to merchant</button>
</p>
<p class="redirecting-info">
You will be redirected to Merchant's page in <span class="uf" id="3">3</span> seconds
</p>
</div><div class="upi-popUp loading-text-emi-first-loader" style="display: none;">
<div class="upi-screen-one start-otp-screen-one">
<div class="overlay"></div>
<div class="upiProcessingLoaderPayu">
<div class="upiProLoader">
<div class="upiProcLoader"></div>
</div>
<div class="upiProcLoaderBox" style="text-align: center;">
<span class="upiProcLoaderTxt">Please Wait... </span>
</div>
</div>
</div>
</div>
<div class="payment-sucess-headless" style="display:none;">
<p><i data-icon="o" aria-hidden="true"></i></p>
<p class="sucess-msg">Payment Success</p>
<p class="subinfo">Your payment of <span id="successScreenAmount">₹100.00</span> was successfully completed </p>
<p class="btn-pay">
<button type="button" class="btn btn-orange" id="doneTransHeadless" style="background-color:#a5c339;">Done</button>
</p>
<p class="redirecting-info">
You will be redirected to Merchant's page in <span class="hedlessSuccessTimerTxt">5</span> seconds
</p>
</div>
<div class="payment-sucess-lazypay" style="display:none;">
<p><i data-icon="o" aria-hidden="true"></i></p>
<p class="sucess-msg">Payment Success</p>
<p class="subinfo">Your payment of <span>₹100.00</span> was successfully completed </p>
<p class="lazypayDateMsgDiv" >Pay us back anytime by <b></b></p>
<p class="btn-pay">
<button type="button" class="btn btn-orange" id="doneTranslazypay" style="background-color:#a5c339;">Done</button>
</p>
<p class="redirecting-info">
You will be redirected to Merchant's page in <span class="lazy" data-lazytimer="5">5</span> seconds
</p>
</div>
<div class="payment-fail-re" id="headLessFailScreen" style="display:none;">
<p><i data-icon="k" aria-hidden="true"></i></p>
<p class="sucess-msg">Payment Failed</p>
<p class="subinfo">Your payment of <span class="failAmount">₹100.00</span> was unsuccessful !!</p>
<p class="btn-pay">
<button type="button" class="btn btn-orange" id="headLessBackFromFail" style="background-color:#a5c339;">Back to merchant</button>
</p>
<p class="redirecting-info">
You will be redirected to Merchant's page in <span class="h" id="3">3</span> seconds
</p>
</div>
<div class="headless-popUp loading-text-headless" id="headLessOtpScreen" style="display: none;">
<div class="headless-screen-one">
<div class="overlay" id="headLessOverlay"></div>
<div class="section" style="position:relative;height100%;width:100%">
<div class="header-headless msgBx-upi">
<div class="cancel-headless" id="cancelHeadLess">
<span> <i data-icon="k"></i><span class="closeSpanHeadless"> Close </span></span>
</div>
</div>
<div class="slideBox-headless">
<div class="headless-container">
<div class="headless-OtpSection">
<div class="headless-bankImage" id="headLessBNImg"></div>
<div class="input-group input-group-headlessOtp">
<input type="text" class="form-control simplebox numsOnly headlessOtpInput" placeholder="Enter OTP here" aria-describedby="basic-addon1" id="headlessOtp" maxlength="8" autocomplete="off">
</div>
<div class="resend-headlessOtp">
<span class="resend-otp hide-resend-otp"><a id ="headlessResentOtp" style="">Resend OTP</a></span>
<div id="countdown">
<div id="countdown-number">8</div>
<svg id="countdown-svg" class="noAnimation">
<circle r="18" cx="20" cy="20"></circle>
</svg>
<svg id="countdown-svg">
<circle r="18" cx="20" cy="20"></circle>
</svg>
</div>
</div>
<div class="otpErrorMessage" style="display:none;">Wrong OTP entered. Try again</div>
<div class="headlessInfoMessage bankNameWithOtpInpData" id="bankNameWithOtpInp">
Enter OTP sent to your mobile number registered with Bank.
</div>
<div class="headlessSpace"></div>
<p class="btn-pay">
<button type="button" class="btn btn-orange" id="headlessSubmitOtp" style="background-color:#a5c339; width:80%" disabled="">Submit OTP</button>
</p>
<div class="headlessSpace"></div>
<div class="headlessFooterLink">
<span>OR </span></span><span class="resend-otp"><a id ="headlessRedirectBankLink" style="">Complete payment on Bank page</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="headless-popUp-cancel-popUp loading-text-cancel-headless" id="headLessCancelScreen" style="display: none;">
<div class="headless-screen-one">
<div class="overlay" id="headLessCancelOverlay"></div>
<div class="section cancel-headless-section" style="position:relative; height:237px; width:100%; overflow: hidden;">
<div class="headless-cancel-form">
<div class="headless-cancel-box">
<div class="headless-cancel-title">Select an appropriate reason
<a id="goBackToHeadlessOtpLink">Go back to OTP page</a>
</div>
<div class="v3-error-tooltip-headless-cancel headlessCancelError error-hide">
<span>Please select reason</span>
<i class="v3-error-tooltip-i" data-icon="c"></i>
</div>
<div class="headless-form-option">
<input class="headless-radio" type="radio" name="headlessCancel" value="Not received OTP">
<div class="headless-option">
<span class="headless-redio-icon"></span>
<span class="headless-redio-txt">Not received OTP</span>
</div>
</div>
<div class="headless-form-option">
<input class="headless-radio" type="radio" name="headlessCancel" value="Complete payment using other pins" >
<div class="headless-option">
<span class="headless-redio-icon"></span>
<span class="headless-redio-txt">Complete payment using other pins</span>
</div>
</div>
<div class="headless-form-option">
<input class="headless-radio" type="radio" name="headlessCancel" value="OTP received on other phone not accessible at this time">
<div class="headless-option">
<span class="headless-redio-icon"></span>
<span class="headless-redio-txt">OTP received on other phone not accessible at this time</span>
</div>
</div>
<div class="headless-form-option">
<input class="headless-radio" type="radio" name="headlessCancel" value="Don't want to proceed with this purchase">
<div class="headless-option">
<span class="headless-redio-icon"></span>
<span class="headless-redio-txt">Don't want to proceed with this purchase</span>
</div>
</div>
<p class="pay-now pay-now-headless-cancel">
<div class="resend-headlessOtp-cancel">
<span class="resend-otp hide-resend-otp" style="margin-right: 25px;"><a id="headlessResentOtpOnCancelScr" style="">Resend OTP</a></span>
<button type="submit" class="btn btn-orange" id="headlessSubmitCanBtn" style="background-color:#a5c339;">Submit</button>
</div>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="payment-gateway-tabs">
<ul class="nav nav-tabs sidebar-menu">
<li class="active" data-tab-name="cardsTab">
<a href="#cards" data-toggle="tab" class="clearfix cardsHref">
<div class="cards pull-left"><i data-icon="n" aria-hidden="true"></i></div>
<span class="txt cardTabTxt">Cards</span></a>
</li>
<li class="inactive">
<a href="#banks" data-toggle="tab" class="clearfix">
<div class="netbanking pull-left"><i data-icon="u" aria-hidden="true"></i></div>
<span class="txt">Banks</span> </a>
</li>
<li class="inactive">
<a href="#upi" data-toggle="tab" class="clearfix">
<div class="upi pull-left"><i data-icon="z" class="upiLogo" aria-hidden="true" style="font-size: 20px;"></i></div>
<span class="txt">UPI</span> </a>
</li>
<li class="inactive">
<a href="#ewallets" data-toggle="tab" class="clearfix">
<div class="ewallets pull-left"><i data-icon="Z" aria-hidden="true" style="font-size: 20px;"></i></div>
<span class="txt">Wallets</span> </a>
</li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane cardscreditdebit active" id="cards">
<style>
.nitro-otp-section {
width: 90%;
margin-left: 25px;
margin-top: 10px;
display: block;
}
#otp-input {
width: 50%;
margin: 0 auto;
}
#submit-btn {
width: 50%;
padding-top: 20px;
margin: 0 auto;
}
#backToNewCard {
margin-top: -46px;
}
</style>
<div class="note-error error-message cardErrorNSMsg" style="display:none;"><i data-icon="g"></i>card is not supported for this transaction.</div>
<div class="note-error error-message cardErrorPFMsg cardTxnFail" style="display:none;"><i data-icon="g"></i>Payment processing failed. Please try again.</div>
<div class="note-error error-message cardErrorPFMsg cardErrorMessage" style="display:none;">Something went wrong please try again.</div>
<div class="note-error error-message cardErrorPFMsg internationalcardNSMsg" style="display:none;"><i data-icon="g"></i>International card(s) not accepted for this merchant.</div>
<div class="dynamic-pricing-msg dynamic-pricing-msg-cards error-message" style="display:none;">Your card will be charged for full amount right now.</div>
<div class="maestroMsg error-message" style="display:none;">Ignore CVV and Expiry if your Maestro Card does not have them.</div>
<div class="surchargeToolTipMsg" style="display:none;"></div>
<input type="hidden" value="false" class="walletTabPresentInTabs"></input>
<input type="hidden" value="false" class="checkSaveCards"></input>
<!---->
<div class="tab-container">
<form id="cardTransaction" autocomplete="off">
<div class="card-details">
<div class="input-group border-top-radius cardNumber">
<span class="input-group-addon">
<div class="v3-error-tooltip cardNumberError error-hide">
<span>Please enter correct card number</span>
<i class="v3-error-tooltip-i" data-icon="c"></i>
</div>
<div class="v3-error-tooltip creditCardNumberError error-hide">
<span>Please enter correct Credit Card number</span>
<i class="v3-error-tooltip-i" data-icon="c"></i>
</div>
<div class="v3-error-tooltip debitCardNumberError error-hide">
<span>Please enter correct Debit Card number</span>
<i class="v3-error-tooltip-i" data-icon="c"></i>
</div>
<i data-icon="n"></i>
</span>
<input type="text" class="form-control simplebox numbersOnly" placeholder="Credit / Debit Card Number"
aria-describedby="basic-addon1" id="cardNumber" maxlength="" name="cardNumber" value="">
<span class="card-icon-img"><span class="card-icon"></span></span>
<span id = "cardScheme"></span>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="input-group border-right-zero cardExp inline-input-half-len">
<span class="input-group-addon">
<div class="v3-error-tooltip cardExpError error-hide" style="width:160px;">
<span>Please enter correct expiry</span>
<i class="v3-error-tooltip-i" data-icon="c"></i>
</div>
<i data-icon="e"></i>
</span>
<input type="text" class="form-control simplebox" autocomplete="off" placeholder="Expiry (MM/YY)"
aria-describedby="basic-addon1" id="cardExp" maxlength="7" value="">
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="input-group card-validate cardCvv inline-input-half-len">
<span class="input-group-addon">
<div class="v3-error-tooltip cardCvvError error-hide" style="width: 145px;">
<span class="cvvErrorMsg">Please enter correct CVV</span>
<i class="v3-error-tooltip-i" data-icon="c" style="left: 5px;"></i>
</div>
<i data-icon="i"></i>
</span>
<input type="password" autocomplete="off" class="form-control simplebox numbersOnly" placeholder="CVV"
aria-describedby="basic-addon1" id="cardCvv" maxlength="3" value=""> <span class="icon">
<a id="questionTooltip" title="3 digit code on back of the card" data-tooltip="3 digit code on back of the card"> <i data-icon="j"></i></a></span></div>
</div>
<div class="card-name">
<div class="input-group cardHolder">
<span class="input-group-addon">
<div class="v3-error-tooltip cardHolderError error-hide">
<span>Please provide card holder name</span>
<i class="v3-error-tooltip-i" data-icon="c" style="left: 5px;"></i>
</div>
<i data-icon="b"></i>
</span>
<input type="text" class="form-control simplebox charOnly" autocomplete="off" placeholder="Name on Card"
aria-describedby="basic-addon1" id="cardHolder" maxlength="" value=""></div>
</div>
<div class="">
<div class="wrap text-right">
<label class="cardSaveToggle" style="visibility: visible;">Signup for PayUMoney
<input type="checkbox" id="createAccountCheckPayu" class="ios-switch green" checked="">
<div>
<i data-icon="l" class="fa-toggle-off" aria-hidden="true"></i>
<i data-icon="m" class="fa-toggle-on" aria-hidden="true"></i>
</div>
</label>
</div>
</div>
<p class="btn-pay newCardPay">
<button id="citrusCardPayButton" type="button" class="btn btn-orange" style="background-color:#a5c339;">Pay Now</button>
</p>
<div class="surchargeMsg surchargeMsgDp" style="display:none;">* Convenience fee applicable<span class="icon">
<a class="surchargeToolTip" data-tooltip="We will charge convenience fee on this transaction" style="top: 2px; left: 0px;"> <i data-icon="j"></i></a></span></div>
</form>
</div>
<div class="nitro-step-two" id="nitroOTPScreen" style="display:none">
<div>
<div class="showsaved" id="otpBack">
<!--<a class="showsavedaccountsLink" id="showsavedaccounts" style="width: 104px;">Show Saved Card</a>-->
<a class="showsavedaccountsLink" id="backToNewCard">Back</a>
</div>
<div class="start-LPotp-screen-one">
<div class="steps">
<p class="header-data pay-using-another-option-lazypay lpConfOtpTxt" id="nitroOTPMessage"></p>
<div class="input-group" id="otp-input" style="border-radius: 4px;">
<input type="tel" class="form-control simplebox numOnly lpNumeric" placeholder="Enter OTP" aria-describedby="basic-addon1" id="NitroOTPVal" style="
padding-left: 8px;
" maxlength="6" autocomplete="off">
<a id ="nitroResendOTP" style="padding-left:10px;">Resend OTP</a>
</div>
<!--<p id="LPvalidOtpError" style="display:block"></p>-->
<span class="resendOtpErrorMsg" id="otpErrorMessage" style="display:none; color: rgb(243, 125, 118);"></span>
<!--<span class="resendOtpErrorMsg" style="display:none; color: rgb(243, 125, 118);">Maximum OTP attempts exceeded</span>-->
<div class="">
<div class="wrap">
<label class="cardSaveToggle" style="visibility: visible;padding-right: 15px;">Remember Me<input type="checkbox" id="nitroCookieEnable" class="ios-switch green" checked>
<div>
<i data-icon="l" class="fa-toggle-off" aria-hidden="true"></i>
<i data-icon="m" class="fa-toggle-on" aria-hidden="true"></i>
</div>
</label>
</div>
</div>
<p class="btn-pay nitro-pay" id="submit-btn">
<button type="button" class="btn btn-orange" id="nitroConfirmOTP" style="background-color:#a5c339;" disabled>SUBMIT</button>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane banks netbanking inactive" id="banks">
<div class="dynamic-pricing-msg dynamic-pricing-msg-nb error-message" style="display:none;"></div>
<div class="note-error error-message cardErrorPFMsg nbTxnFail" style="display:none;"><i data-icon="g"></i>Payment processing failed. Please try again.</div>
<div class="note-error error-message cardErrorPFMsg bankErrorMessage" style="display:none;">Something went wrong please try again.</div>
<div class="note-error error-message pgHealthMessage" style="display:none;"><i data-icon="g"></i>Transactions are failing for for state Bank of India, you can continue or try with another bank</div>
<div class="surchargeToolTipMsg" style="display:none;"></div>
<input type="hidden" value="false" class="checkSaveNetBank"></input>
<div class="tab-container">
<div class="showsavedBank showsavedBank4" style="display: none;">
<label class="usingSavedTextBank usingSaved">New Bank</label>
<a class="showsavedaccountsLink" id="showsavedaccountsBank">Show Saved Bank</a>
</div>
<div class="netbanking-body">
<form role="form" id="netBankTransaction" class="form-netbanking">
<div class="row bankRow1">
<div class="col-md-12">
<label class="radio-inline">
<input type="radio" name="optradio" value="State Bank of India"><span>
<span class="statebankofindia"></span></span>
</label>
<label class="radio-inline">
<input type="radio" name="optradio" value="HDFC Bank"><span>
<span class="hdfcbank"></span></span>
</label>
<label class="radio-inline">
<input type="radio" name="optradio" value="ICICI Bank"><span>
<span class="icicibank"></span></span>
</label>
</div>
</div>
<div class="row bankRow1">
<div class="col-md-12">
<label class="radio-inline">
<input type="radio" name="optradio" value="AXIS Bank"><span>
<span class="axisbank"></span></span>
</label>
<label class="radio-inline">
<input type="radio" name="optradio" value="Kotak Mahindra Bank"><span>
<span class="kotakmahindrabank"></span></span>
</label>
<label class="radio-inline">
<input type="radio" name="optradio" value="Indian Overseas Bank"><span>
<span class="indianoverseasbank"></span></span>
</label>
</div>
</div>
<div class="row">
<div class="" style="text-align:center">
<div class="v3-error-tooltip-selBank netBankError error-hide">
<span>Please select bank</span>
<i class="v3-error-tooltip-i-selBank" data-icon="c"></i>
</div>
<select class="form-control select-another" id="netbankingBanks">
<option value="">Select another bank</option>
<option value="SBIB">State Bank of India</option>
<option value="HDFB">HDFC Bank</option>
<option value="ICIB">ICICI Bank</option>
<option value="AXIB">AXIS Bank</option>
<option value="162B">Kotak Mahindra Bank</option>
<option value="INOB">Indian Overseas Bank</option>
<option value="IDBB">IDBI Bank</option>
<option value="AIRNB">Airtel Payments Bank</option>
<option value="BOIB">Bank of India</option>
<option value="BOMB">Bank of Maharashtra</option>
<option value="CABB">Canara Bank</option>
<option value="CSBN">Catholic Syrian Bank</option>
<option value="CBIB">Central Bank Of India</option>
<option value="CUBB">City Union Bank</option>
<option value="CSMSNB">Cosmos Bank</option>
<option value="DCBB">DCB Bank</option>
<option value="DENN">Dena Bank</option>
<option value="DSHB">Deutsche Bank</option>
<option value="DLSB">Dhanlaxmi Bank - Retail</option>
<option value="FEDB">Federal Bank</option>
<option value="IDFCNB">IDFC FIRST Bank</option>
<option value="INDB">Indian Bank </option>
<option value="INIB">IndusInd Bank</option>
<option value="JAKB">Jammu & Kashmir Bank</option>
<option value="JSBNB">Janata Sahakari Bank Pune</option>
<option value="KRKB">Karnataka Bank</option>
<option value="KRVBC">Karur Vysya - Corporate Banking</option>
<option value="KRVB">Karur Vysya Bank</option>
<option value="LVRB">Lakshmi Vilas Bank</option>
<option value="OBCB">PNB (Erstwhile -Oriental Bank of Commerce)</option>
<option value="UNIB">PNB (Erstwhile-United Bank of India)</option>
<option value="PSBNB">Punjab & Sind Bank</option>
<option value="PNBB">Punjab National Bank</option>
<option value="CPNB">Punjab National Bank - Corporate Banking</option>
<option value="SRSWT">Saraswat Bank</option>
<option value="SVCNB">Shamrao Vithal Co-operative Bank Ltd.</option>
<option value="SOIB">South Indian Bank</option>
<option value="SYNDB">Syndicate Bank</option>
<option value="TMBB">Tamilnad Mercantile Bank</option>
<option value="TBON">The Nainital Bank</option>
<option value="UCOB">UCO Bank</option>
<option value="UBIB">Union Bank</option>
<option value="UBIBC">Union Bank - Corporate Banking</option>
<option value="ADBB">Union Bank of India (Erstwhile Andhra Bank)</option>
<option value="CRPB">Union Bank of India (Erstwhile Corporation Bank)</option>
<option value="VJYB">Vijaya Bank</option>
<option value="YESB">Yes Bank</option>
</select>
<div class="">
<div class="wrap text-right">
<label class="cardSaveToggle" style="visibility: visible;">Signup for PayUMoney
<input type="checkbox" id="payuDetailBank" class="ios-switch green" checked="">
<div>
<i data-icon="l" class="fa-toggle-off" aria-hidden="true"></i>
<i data-icon="m" class="fa-toggle-on" aria-hidden="true"></i>
</div>
</label>
</div>
</div>
<p class="btn-pay newBankPay">
<button type="button" id="citrusNetbankingButton" class="btn btn-orange" style="background-color:#a5c339;">Pay Now</button>
</p>
<div class="surchargeMsgBank surchargeMsgDp" style="display:none;">* Convenience fee applicable<span class="icon">
<a id="questionTooltipNB" class="surchargeToolTip" data-tooltip="We will charge convenience fee on this transaction" style="top: 2px; left: 0px;"> <i data-icon="j"></i></a></span></div>
</div>
</div>
</form>
</div>
</div> </div>
<div class="tab-pane upi inactive" id="upi">
<div class="note-error error-message cardErrorPFMsg UpiTxnFail" style="display:none;"><i data-icon="g"></i>Payment processing failed. Please try again.</div>
<div class="note-error error-message cardErrorPFMsg upiErrorMessage" style="display:none;">Something went wrong please try again.</div>
<div class="surchargeToolTipMsg" style="display:none;"></div>
<div class="tab-container">
<div autocomplete="off">
<div class="upi-title" style="visibility: hidden; padding: 0;">
<label class="upi-title-txt">Make this payment via UPI</label>
</div>
<div class="upi-details">
<div class="input-group upiDiv">
<span class="input-group-addon">
<div class="v3-error-tooltip upiTextBoxError error-hide">
<span>Please enter valid VPA</span>
<i class="v3-error-tooltip-i" data-icon="c"></i>
</div>
<i data-icon="b"></i>
</span>
<input type="text" class="form-control simplebox" placeholder="Your VPA (Virtual Payment Address)"
aria-describedby="basic-addon1" id="upiVpa" maxlength="" style="width:90%" value="">
</div>
</div>
<div class="upiVpaEx">
<span class="vpaex">Example: chitre123@icici, chulbul.pandey@ybl</span>
</div>
<div class="" style="margin-top: 13px;">
<div class="wrap text-right">
<label class="cardSaveToggle" style="visibility: visible;">Signup for PayUMoney
<input type="checkbox" id="payuDetailUpi" class="ios-switch green" checked="">
<div>
<i data-icon="l" class="fa-toggle-off" aria-hidden="true"></i>
<i data-icon="m" class="fa-toggle-on" aria-hidden="true"></i>
</div>
</label>
</div>
</div>
<p class="btn-pay upiPayPayu">
<button id="citrusUpiPayButton" type="button" class="btn btn-orange" style="background-color:#a5c339;">Pay Now</button>
</p>
<div class="surchargeMsg surchargeMsgDp" style="display: none;">* Convenience fee applicable<span class="icon">
<a class="surchargeToolTip" data-tooltip="We will charge convenience fee on this transaction" style="top: 2px; left: 0px;"> <i data-icon="j"></i></a></span></div>
</div>
</div>
</div>
<div class="tab-pane wallets ewallets inactive" id="ewallets">
<div class="dynamic-pricing-msg dynamic-pricing-msg-nb error-message" style="display:none;"></div>
<div class="note-error error-message cardErrorPFMsg eWalletsTxnFail" style="display:none;"><i data-icon="g"></i>Payment processing failed. Please try again.</div>
<div class="surchargeToolTipMsg" style="display:none;"></div>
<div class="tab-container">
<div style="height: 0px;"></div>
<div class="netbanking-body eWallets eWallets7">
<form role="form" id="eWalletsTxn" class="form-netbanking">
<div class="row bankRow1">
<div class="col-md-12">
<input type="hidden" id="externalWalletSize" value="7">
<label class="radio-inline">
<input type="radio" name="optradio" walletName="Paytm" value="PAYTM">
<span><span class="paytm PAYTM"></span></span>
</label>
<label class="radio-inline">
<input type="radio" name="optradio" walletName="PhonePe/BHIM UPI" value="PHONEPE">
<span><span class="phonepe/bhimupi PHONEPE"></span></span>
</label>
<label class="radio-inline">
<input type="radio" name="optradio" walletName="FreeCharge" value="FREC">
<span><span class="freecharge FREC"></span></span>
</label>
</div>
</div>
<div class="row bankRow1">
<div class="col-md-12">
<label class="radio-inline">
<input type="radio" name="optradio" walletName="Airtel Money" value="AMON">
<span><span class="airtelmoney AMON"></span></span>
</label>
<label class="radio-inline">
<input type="radio" name="optradio" walletName="Jio Money" value="JIOM">
<span><span class="jiomoney JIOM"></span></span>
</label>
<label class="radio-inline">
<input type="radio" name="optradio" walletName="HDFC Bank - PayZapp" value="PAYZ">
<span><span class="hdfcbank-payzapp PAYZ"></span></span>
</label>
</div>
</div>
<div class="row">
<div class="">
<div class="v3-error-tooltip-selWallet externalWalletError error-hide">
<span>Please select wallet</span>
<i class="v3-error-tooltip-i-selWallet" data-icon="c"></i>
</div>
<select class="form-control select-another" id="externalWalletsDrop">
<option value="">Select another wallet</option>
<option value="PAYTM">Paytm</option>
<option value="PHONEPE">PhonePe/BHIM UPI</option>
<option value="FREC">FreeCharge</option>
<option value="AMON">Airtel Money</option>
<option value="JIOM">Jio Money</option>
<option value="PAYZ">HDFC Bank - PayZapp</option>
<option value="YESW">YES PAY Wallet</option>
</select>
<div class="" style="margin-top: 13px;">
<div class="wrap text-right">
<label class="cardSaveToggle" style="visibility: visible;">Signup for PayUMoney
<input type="checkbox" id="payuDetailExtWallet" class="ios-switch green" checked="">
<div>
<i data-icon="l" class="fa-toggle-off" aria-hidden="true"></i>
<i data-icon="m" class="fa-toggle-on" aria-hidden="true"></i>
</div>
</label>
</div>
</div>
<p class="btn-pay" style="margin-top: 5px;">
<button type="button" id="citrusEwalletsButton" class="btn btn-orange" style="background-color:#a5c339;">Pay Now</button>
</p>
<div class="surchargeMsgExternalWallet surchargeMsgDp" style="display:none;">* Convenience fee applicable<span class="icon">
<a id="questionTooltipEW" class="surchargeToolTip" data-tooltip="We will charge convenience fee on this transaction" style="top: -1px; left: 0px;"> <i data-icon="j"></i></a></span></div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-div" style="display:block;"></div>
</div>
</div>
</div>
<footer class="footer">
<div class="container-fluid">
<div class="clearfix">
<div class=" pull-right"><img alt="payUbrand Logo" src="https://checkout-static.citruspay.com/web/images/payuBanrding.png" width="70"></div>
<div class="cards pull-left">
<img alt="footerCard logo" src="https://checkout-static.citruspay.com/web/images/footerCardsIcon.png" alt="cards">
</div>
</div>
</div>
</footer> <script type="text/javascript" src="https://checkout-static.citruspay.com/lib/js/jsencrypt.min.js"></script>
<script type="text/javascript" src="https://checkout-static.citruspay.com/lib/js/sha1.js"></script>
<script type="text/javascript" src="https://checkout-static.citruspay.com/lib/js/sha256.js"></script>
<script type="text/javascript" src="https://checkout-static.citruspay.com/payuMoney/js/payuV3LoadLater_5_11.min.js"></script>
<script>
$(document).ready(function () {
function handleUserDetailsToggle(cssSelector){
if($(cssSelector+' .hideLabel').css("display")==="none"){
$(".overlay-div").css("display", "block");
$('#edit-details').slideDown('medium', function () {});
$(cssSelector).addClass("Hide");
$('.user-info').addClass("openDiv");
setTimeout(addPaddingBottom, 600);
cleverTap("showDetails");
eventLoginTracker = eventLoginTracker+"_CLSD";
}else{
if(!(isSystemParameterValidated.isValid())){
return;
}
cleverTap("hideDetails");
if(shouldFetchWalletProfile() && isUserDetailsChanged()){
if(JSON.parse(makePayment.pval("nitroEnabled"))){
eventLoginTracker = eventLoginTracker+"_CLHDWFP";
callFetchWalletProfile(true);
}else{
$('#edit-details').slideUp('medium', function () {});
$(cssSelector).removeClass("Hide");
$('.user-info').removeClass("openDiv");
$(".overlay-div").css("display", "none");
eventLoginTracker = eventLoginTracker+"_CLHD";
setTimeout(addPaddingBottom, 600);
}
}else{
$('#edit-details').slideUp('medium', function () {});
$(cssSelector).removeClass("Hide");
$('.user-info').removeClass("openDiv");
$(".overlay-div").css("display", "none");
eventLoginTracker = eventLoginTracker+"_CLHD";
setTimeout(addPaddingBottom, 600);
}
}
}
$("a.edit-details").click(function(){handleUserDetailsToggle('.edit-details');});
$("a.edit-details1").click(function(){handleUserDetailsToggle('.edit-details1');});
$('.wallet-details-options').hide();
$('.view-hide-details').click(function (ev) {
var t = ev.target
$('#info' + $(this).attr('target')).fadeToggle(300, function () {
$(t).html($(this).is(':visible') ? 'Hide Details' : 'View Details')
});
return false;
});
$("#more_accounts").on("click", function () {
$(".saved-accounts-wrapper").hide();
$(".add-new-account").show();
});
var highestBox = 0;
$('.container .column').each(function () {
if ($(this).height() > highestBox) {
highestBox = $(this).height();
}
});
$('.container .column').height(highestBox);
var usrRetryPayMode;
function retryPayOption(){
usrRetryPayMode = "CARD";
$("#showDetails,#showDetails1").css("pointer-events","all");
$(".cancel-this").css("pointer-events","all");
//console.log(usrRetryPayMode);
switch(usrRetryPayMode){
case 'CARD':
$('.cardTxnFail').css("display", "block");
$(".cardTxnFail").delay(4000).slideUp('slow');
break;
case 'NET_BANKING':
$('.nbTxnFail').css("display", "block");
$(".nbTxnFail").delay(4000).slideUp('slow');
break;
case 'EMI':
$('.emiCardTxnFail').css("display", "block");
$(".emiCardTxnFail").delay(4000).slideUp('slow');
break;
case 'WALLET':
$('.WalletTxnFail').css("display", "block");
$(".WalletTxnFail").delay(4000).slideUp('slow');
break;
case 'UPI':
$('.UpiTxnFail').css("display", "block");
$(".UpiTxnFail").delay(4000).slideUp('slow');
break;
case 'LAZYPAY':
$('.lazypayCardTxnFail').css("display", "block");
$(".lazypayCardTxnFail").delay(4000).slideUp('slow');
break;
case 'E_WALLETS':
$('.eWalletsTxnFail').css("display", "block");
$(".eWalletsTxnFail").delay(4000).slideUp('slow');
break;
case 'GTEZ':
$('.tezTxnFail').css("display", "block");
$(".tezTxnFail").delay(4000).slideUp('slow');
break;
}
}
});
</script></body>
</html>