Subversion Repositories SmartDukaan

Rev

Rev 6443 | Rev 6495 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
6050 anupam.sin 1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5
 
6
<!-- Prevent MS Office toolbar from changing layout -->
7
	<meta name="google-site-verification" content="NPHVASYh9ZsYbjffRuAU4dhEHhx7xSKUj9GycYUMo_o" /> 
8
	<META name="y_key" content="116f6310a0df3c4f" />
9
	<meta name="msvalidate.01" content="A9BB200170442859BD6DF681353ACD78" />
10
	<title>Instant recharge for your mobile and DTH</title>
11
 
12
#include ( "templates/commoncssfiles.vm" )
13
 
14
	<link rel="stylesheet" href="/css/home.css" type="text/css" />
15
	<link href="https://plus.google.com/108546508648658526684" rel="publisher" />
16
	<script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
6249 anupam.sin 17
 
18
 
19
	<style type='text/css'>
20
		.captcha_text_blur {
21
        	color: #AAAAAA;
22
            font-size: 13px;
23
            height: 28px;
24
            text-align: left;
25
            width: 194px;
26
			border: solid 1px darkgrey;
27
			padding-left: 5px;
28
        }
29
		.captcha_text_focus {
30
			color: black;
31
            height: 28px;
32
			font-size: 20px;
33
            text-align: left;
34
            width: 194px;
35
			border: solid 1px darkgrey;
36
			padding-left: 5px;
37
		}
6260 anupam.sin 38
		.submit-button{
39
			background: -2px -5px url('/images/confirm.png');
40
            cursor: pointer;
41
            display: inline-block;
42
            font-size: 15px;
43
            font-weight: bold;
44
            text-shadow: 0px 1px 0px #E45000;
45
            outline: medium none;
46
            overflow: visible;
47
            text-align: center;
48
            height: 40px;
49
            color: white;
50
			width: 190px;
51
		}
6249 anupam.sin 52
	</style>
6050 anupam.sin 53
</head>
54
 
55
<body>
56
	<noscript>
57
		<p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
58
	</noscript>
59
	$action.getHeaderSnippet()
60
	<!-- Main -->
61
	<div id="main">
62
		<div class="main-content">
63
			<div class="main-top"></div>
64
			<div class="main-left left">
65
				<div class="main-left-banner">
66
					<script type='text/javascript'><!--//<![CDATA[
67
               var m3_u = (location.protocol=='https:'?'https://open.saholic.com/openx/www/delivery/ajs.php':'http://open.saholic.com/openx/www/delivery/ajs.php');
68
               var m3_r = Math.floor(Math.random()*99999999999);
69
               if (!document.MAX_used) document.MAX_used = ',';
70
               document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
71
               document.write ("?zoneid=1");
72
               document.write ('&amp;cb=' + m3_r);
73
               if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
74
               document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));
75
               document.write ("&amp;loc=" + escape(window.location));
76
               if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
77
               if (document.context) document.write ("&context=" + escape(document.context));
78
               if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
79
               document.write ("'><\/scr"+"ipt>");
80
            //]]>--></script><noscript><a href='http://open.saholic.com/openx/www/delivery/ck.php?n=a592d2cd&amp;cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://open.saholic.com/openx/www/delivery/avw.php?zoneid=1&amp;cb=INSERT_RANDOM_NUMBER_HERE&amp;n=a592d2cd' border='0' alt='' /></a></noscript>
81
				</div>
6249 anupam.sin 82
				<div style='height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: #FFFFFF;border: solid 1px #2789C1;width: 100%;'>
83
					<div style='margin:0 10px 0 10px;padding-top:7px'>
84
						PLEASE CONFIRM
85
					</div>
86
				</div>
6050 anupam.sin 87
				<div class="recharge-main-left-container" style="font-size:16px">
6249 anupam.sin 88
					#if($action.getAmount() == '0')
89
						#set($verifyingMethod='return verifyCaptcha("create-recharge-form")')
90
					#else
91
						#set($verifyingMethod='return true')
92
					#end
93
 
6433 anupam.sin 94
                    <form id="create-recharge-form" action='' name='create-recharge-form' style="float:left;padding-top:20px;padding-left:50px">
6050 anupam.sin 95
                        <br>
6057 anupam.sin 96
 
6073 amit.gupta 97
                        <span style="display:inline-block; width:300px">#if($action.getRechargeType()=="1")Mobile Number#else Account Number#end : </span><span>$action.getNumber()</span><br>
6057 anupam.sin 98
						<span style="display:inline-block; width:300px">Operator : </span><span>$action.getOperatorName()</span><br>
6070 anupam.sin 99
						<span style="display:inline-block; width:300px">Recharge amount : </span><span>Rs. $action.getTotalAmount()</span><br>
6336 anupam.sin 100
						<hr style="width: 615px;height: 2px;background-color: black;border: none;margin: 25px 0px;">
6070 anupam.sin 101
 
6307 anupam.sin 102
    					#if($action.shouldPromptForWallet())
6089 anupam.sin 103
							<div style="font-size:15px;color:red">If you want to use wallet please <a href="/login?redirectUrl=/recharge"><b>LOGIN NOW</b></a></div>
6057 anupam.sin 104
						#else
6433 anupam.sin 105
							<div style="font-size:15px;">$action.getMessage()</div>
6057 anupam.sin 106
						#end
6433 anupam.sin 107
 
108
						#if($action.getCouponMessage() == "")
109
    						<div style="font-size: 13px;padding: 10px 10px 10px 0px;"><span class="left">Have a Coupon Code? Enter here:</span>&nbsp;
110
                            	<input name="discountCode" style="width:200px;height:18px;margin-left:30px;" class="searchbox" type="text"></input>
111
                            	<input type="button" value="Apply" id="applyRechargeCoupon" class="new-button" style="height: 20px;"></input>
112
                            </div>
6443 anupam.sin 113
						#elseif($action.getCouponMessage() == "Invalid Coupon")
114
							<div style="margin-top:7px;color:red;text-align:center;padding:5px 0 5px 0;width:100%;background-color:white;font-size:14px;border:solid 1px red">$action.getCouponMessage()</div>
115
							<div style="font-size: 13px;padding: 10px 10px 10px 0px;"><span class="left">Have a Coupon Code? Enter here:</span>&nbsp;
116
                            	<input name="discountCode" style="width:200px;height:18px;margin-left:30px;" class="searchbox" type="text"></input>
117
                            	<input type="button" value="Apply" id="applyRechargeCoupon" class="new-button" style="height: 20px;"></input>
118
                            </div>
6433 anupam.sin 119
						#else
120
							#if($action.getCouponAmount() > 0)
121
								<br>
6445 anupam.sin 122
								<div style="margin-top:7px;color:blue;text-align:center;padding:5px 0 5px 0;width:100%;background-color:white;font-size:14px;border:solid 1px blue">Coupon applied for Rs.$action.getCouponAmount()</div>
6433 anupam.sin 123
							#else
6443 anupam.sin 124
								<div style="margin-top:7px;color:red;text-align:center;padding:5px 0 5px 0;width:100%;background-color:white;font-size:14px;border:solid 1px red">$action.getCouponMessage()</div>
6433 anupam.sin 125
							#end
126
						#end	
127
						<br>
128
 
6050 anupam.sin 129
						<span style="display:inline-block; width:300px">Amount to pay : </span><span style="font-size:20px"><b>Rs. $action.getAmount()</b></span>
130
						<br><br><br>
131
						<input type='hidden' name='rechargeType' value='$action.getRechargeType()'>
132
						<input type='hidden' name='operator' value='$action.getOperator()'>
133
						<input type='hidden' name='userId' value='$action.getUserId()'>
6070 anupam.sin 134
						<input type='hidden' name='amount' value='$action.getAmount()'>
135
						<input type='hidden' name='walletAmountUsed' value='$action.getWalletAmountUsed()'>
6077 anupam.sin 136
						<input type='hidden' name='number' value='$action.getNumber()'>
6091 anupam.sin 137
						<input type='hidden' name='email' value='$action.getEmail()'>
6178 anupam.sin 138
						<input type='hidden' name='plan' value='$action.getPlan()'>
6433 anupam.sin 139
						<input type='hidden' name='couponCode' value='$action.getCouponCode()'>
140
						<input type='hidden' name='couponAmount' value='$action.getCouponAmount()'>
6249 anupam.sin 141
						<input type='hidden' name='totalAmount' value='$action.getTotalAmount()'>
6433 anupam.sin 142
						<input type='hidden' name='message' value='$action.getMessage()'>
6050 anupam.sin 143
						#if($action.getAmount() == '0')
6249 anupam.sin 144
							#if(!$action.getErrorMessage().isEmpty())
145
    							<div id="messageError">
146
                                    <span></span>
147
                                    <p>
148
                                        $action.getErrorMessage() <br/>
149
                                    </p>
150
                                </div>
151
							#end
6400 anupam.sin 152
							<div id='captcha-div' style="margin-left:217px; margin-top:10px ; margin-bottom:20px">
6249 anupam.sin 153
								<img src="/captcha" id="captchaImage" /><br/><br/>
154
								<input id="captcha_response_box" class='captcha_text_blur' type="text" name="captcha_response_field" autocomplete="off">
155
								<br/>
156
								<span style='font-size:14px'>Cannot read the image? <a id="captchaanchor" style="cursor: pointer;" >Click here</a>.</span>
157
								<br><br>
6433 anupam.sin 158
								<input id='recharge-now-button' style='width:200px' type="button" value="RECHARGE NOW" class="make-payment-button">
6249 anupam.sin 159
							</div>
6050 anupam.sin 160
						#else
6260 anupam.sin 161
							<div style="text-align:center;">
6433 anupam.sin 162
								<input id='recharge-pay-now-button' type="button" value="PAY NOW" class="submit-button">
6260 anupam.sin 163
							</div>
6050 anupam.sin 164
						#end
165
                 	</form>
166
				</div>
167
			</div>
6058 anupam.sin 168
			<div style="width:258px; margin-left:10px;float:right;height:636px;background-image:url('/images/back1.jpg');border:solid 1px #2789C1">
6050 anupam.sin 169
			</div>
170
		</div>
171
	</div>
172
	#include("templates/footer.vm")
173
	<!-- color by color lightbox -->
174
	<div style="display:none;">
175
		<div class="colorSelLightBoxColor">
176
			<form name="frmColorSelName" method="post" action="#">
177
				<h1>Color Selector</h1>
178
				<h2>"Please choose color of product"</h2>
179
				<div class="content"></div>
180
				<div class="bigImgButton yellow-image">
181
					<input value="Continue" type="button" class="button" onclick="selectColor();" />
182
				</div>
183
				<div class="clearBoth"></div>
184
			</form>
185
		</div>
186
	</div>
187
	<!-- /color by color lightbox -->
188
	#include ( "templates/commonjsfiles.vm" )
6249 anupam.sin 189
	<script>
6433 anupam.sin 190
		jQuery('#applyRechargeCoupon').click(function() {
191
			jQuery('#create-recharge-form').attr('action', '/confirm!applyRechargeCoupon');
192
			jQuery('#create-recharge-form').submit();
193
		});
194
 
195
		jQuery('#recharge-pay-now-button').click(function() {
196
			jQuery('#create-recharge-form').attr('action', '/confirm!createRecharge');
197
			jQuery('#create-recharge-form').submit();
198
		});
199
 
200
		jQuery('#recharge-now-button').click(function() {
201
			jQuery('#recharge-now-button').hide();
202
			var formName = "create-recharge-form";
203
			var captcha_response_input = jQuery("form[name='" + formName + "'] :input[name='captcha_response_field']");
6249 anupam.sin 204
        	var entered_text =  jQuery.trim(captcha_response_input.val());
205
            	if(entered_text == '' || entered_text == 'Enter the characters shown'){
206
            		dispError("Please enter the characters shown.");
207
            		captcha_response_input.blur();
6400 anupam.sin 208
					jQuery('#recharge-now-button').show();
6433 anupam.sin 209
					return;
6249 anupam.sin 210
            	}
6433 anupam.sin 211
			jQuery('#create-recharge-form').attr('action', '/confirm!createRecharge');
212
			jQuery('#captcha-div').append('<span id=\'recharge-loading\' style="display:inline-block;width:200px;height: 30px;background: url(\'/images/loading.gif\') no-repeat 8px 0;padding-left: 45px;padding-top: 7px;">Please Wait ...</span>');
213
        	jQuery('#create-recharge-form').submit();
214
		});
6249 anupam.sin 215
 
216
        function dispError(msg) {
217
        	alert(msg);
218
        }
219
 
220
		jQuery('#captchaanchor').click(function () { jQuery('#captchaImage').attr('src', '/captcha?rand=' + Math.floor(Math.random()*100) ); });
221
 
222
		jQuery('#captcha_response_box').val('Enter the characters shown')
223
    	.focus(function(){
224
    		if ($(this).val() == 'Enter the characters shown') {
225
    			$(this).val('');
226
    			$(this).removeClass('captcha_text_blur');
227
    			$(this).addClass('captcha_text_focus');
228
    		}
229
    	})
230
    	.blur(function(){
231
    		if ($(this).val() == '') {
232
    			$(this).val('Enter the characters shown');
233
    			$(this).removeClass('captcha_text_focus');
234
    			$(this).addClass('captcha_text_blur');
235
    		}
236
    	});
237
	</script>
6050 anupam.sin 238
	<script type="text/javascript" charset="utf-8">
6249 anupam.sin 239
        $(function(){
240
        	$('ul.product-description li').truncate({addtitle: true});
241
 
242
        	$('#pay-now-button').click(function(){
243
        		trackEventWithGA('Recharge', 'Pay Now', '');
244
        	});
245
 
246
        });
247
	</script>
6106 rajveer 248
 
6050 anupam.sin 249
</body>
250
</html>