Subversion Repositories SmartDukaan

Rev

Rev 6210 | Rev 6221 | 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 http-equiv="imagetoolbar" content="false">
8
<meta name="MSSmartTagsPreventParsing" content="true">
9
 
6177 anupam.sin 10
<title>Recharge Pay Options</title>
6050 anupam.sin 11
 
12
<!-- start of new code -->
13
#include ( "templates/commoncssfiles.vm" )
14
<style type="text/css">
15
	#registration {
16
    margin: 10px 0px 4px;
17
}
18
.main-left-banner img {
19
    width: 980px;
20
}
6135 anupam.sin 21
label.error{
22
	color:red;
23
	font-size:13px;
24
	padding: 2px 10px;
6050 anupam.sin 25
</style>
26
 
27
<script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
28
</head>
29
 
30
<body>
31
	<noscript>
32
		<p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
33
	</noscript>
34
 
35
	$action.getHeaderSnippet()
36
<div id="main">
37
	<div class="main-content">
38
		<div class="main-top"></div>
39
		<div class="main-left-banner">
40
					<script type='text/javascript'><!--//<![CDATA[
41
               var m3_u = (location.protocol=='https:'?'https://open.saholic.com/openx/www/delivery/ajs.php':'http://open.saholic.com/openx/www/delivery/ajs.php');
42
               var m3_r = Math.floor(Math.random()*99999999999);
43
               if (!document.MAX_used) document.MAX_used = ',';
44
               document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
45
               document.write ("?zoneid=1");
46
               document.write ('&amp;cb=' + m3_r);
47
               if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
48
               document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));
49
               document.write ("&amp;loc=" + escape(window.location));
50
               if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
51
               if (document.context) document.write ("&context=" + escape(document.context));
52
               if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
53
               document.write ("'><\/script>");
54
            //]]>--></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>
55
				</div>
56
 
57
 
58
		<div id="registration" class="blue-border">
59
 
60
          <div class="middle">
61
            <div class="mid-inner">
62
 
63
              <!-- Block 1 -->
64
              <div class="padding-top17">
65
				#set($errorMsg=$action.getErrorMsg())
66
				#if(!$errorMsg.isEmpty())
67
                <div id="messageError">
68
                    <span></span>
69
                    <p>
70
                        $errorMsg <br/>
71
                    </p>
72
                </div>
73
				#end
6057 anupam.sin 74
				#set($rechargeAmount=$action.getAmount())
6050 anupam.sin 75
 
76
				<h4 style="font-size:16px; font-weight:bold"><span style="color:#999999">Amount to be Paid:</span> Rs <span style="color:#333333">$rechargeAmount</span></h4>
77
				<br/>
78
				<div id="vtab">
79
                    <ul>
80
                        <li>CREDIT CARDS</li>
81
                        <li>DEBIT/ATM CARDS</li>
82
                        <li>NET BANKING</li>
83
                    </ul>
84
                    <div>
85
						<div class="center-text-bold12">Select Your Credit Card:</div><br/>
6086 anupam.sin 86
						<form id="ccSelection" name="ccSelection" action="/recharge-payment" method="post" onsubmit="return verifyPaymentModeSelectionForm('ccSelection')">
6050 anupam.sin 87
							<input type="hidden" name="rechargeOrderId" value="$action.getRechargeOrderId()"/>
6215 anupam.sin 88
							<div class="ccdiv" style="float:left; margin-left:48px;width:552px">
89
    							<div class="ccheader-div" style="width:542px"><b>Please choose the payment system.</b></div>
6050 anupam.sin 90
    							<div style="padding: 20px">
91
    								<div class="options">
92
    									<input type="radio" name="payment_option" value="2008" class="marginRight5px"/>
93
    									<div class="newcclogo visa">
94
        									<h3>
95
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
96
        									</h3>
97
        								</div>
98
        								<span class="cctext">Visa</span>
99
        								<br/>
100
    								</div>
101
    								<div class="options">
102
    									<input type="radio" name="payment_option" value="2017" class="marginRight5px"/>
103
    									<div class="newcclogo">
104
        									<h3>
105
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
106
        									</h3>
107
        								</div>
108
    									<span class="cctext">MasterCard</span>
109
    									<br/>
110
    								</div>
111
    								<div class="options">
112
    									<input type="radio" name="payment_option" value="1010" class="marginRight5px"/>
113
    									<div class="newcclogo diners">
114
        									<h3>
115
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
116
        									</h3>
117
        								</div>
118
    									<span class="cctext">Diners Club</span>
119
    									<br/>
120
    								</div>
121
    							</div>
122
							</div>
123
                            <div style="clear:both"></div>
124
							<!--<form name="frmShippingAddress" id="frmShippingAddress" method="post" action="/shipping" class="right">-->
6215 anupam.sin 125
							#if($action.isPhoneNumberRequired())
6050 anupam.sin 126
                			<table id='billig-address-for-recharge' cellpadding="0" cellspacing="0">
127
                				<thead>
128
                					<tr class="header">
6177 anupam.sin 129
                							<td id="newAddressFormHeading" class="instruction" colspan="2">As you are a first time user, we need a billing address to send to Payment Gateway.</td>
6050 anupam.sin 130
                					</tr>
131
                                </thead>
132
                				<tbody>
133
                                <tr>
134
                					<td class="label" align="right"><sup>*</sup>Phone:</td>
135
                					<td class="input">
136
                						<input type="text" id="shipPhone" name="phone" value="" class="searchbox right" />
137
                					</td>
138
                				</tr>
139
                                </tbody>
140
                			</table>
6091 anupam.sin 141
							#end
6050 anupam.sin 142
							<div style="text-align:center;">
143
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button" id="make-payment-recharge-button"/>
144
								<br/><br/>
145
								<span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span> 
146
							</div>
147
						</form>
148
                    </div>
149
                    <div>
150
						<div class="center-text-bold12">Select Your Debit/ATM Card:</div><br/>
6086 anupam.sin 151
						<form id="atmSelection" name="atmSelection" action="recharge-payment" method="post" onsubmit="return verifyPaymentModeSelectionForm('atmSelection')">
6050 anupam.sin 152
							<input type="hidden" name="rechargeOrderId" value="$action.getRechargeOrderId()"/>
153
							<div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
154
        						<div class="options">
155
                                    <input type="radio" name="payment_option" value="2000" class="marginRight5px"/>
156
    								<span class="cctext">Visa / Visa Electron Cards</span>
157
    								<div class="cclogo">
158
    									<h3>
159
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
160
    									</h3>
161
    								</div>
162
									<div class="cclogo electron">
163
    									<h3>
164
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
165
    									</h3>
166
    								</div>
167
									<br/>
168
								</div>
169
								<div class="options">
170
									<input type="radio" name="payment_option" value="2018" class="marginRight5px"/>
171
									<span class="cctext">MasterCard</span>
172
									<div class="cclogo old-master">
173
    									<h3>
174
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
175
    									</h3>
176
    								</div>
177
									<br/>
178
								</div>
179
								<div class="options">
180
									<input type="radio" name="payment_option" value="1164" class="marginRight5px"/>
181
									<span class="cctext">Maestro Card(Except Citi Bank)</span>
182
									<div class="cclogo maestro">
183
    									<h3>
184
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
185
    									</h3>
186
    								</div>
187
									<br/>
188
								</div>
189
								<div class="options">
190
									<input type="radio" name="payment_option" value="1009" class="marginRight5px"/>
191
									<span class="cctext">Citi Bank Card</span>
192
									<div class="cclogo">
193
    									<h3>
194
    										<img width="48" height="30" src="/images/citi_logo.gif" valign="middle"/>
195
    									</h3>
196
    								</div>
197
									<br/>
198
								</div>
199
 
200
							</div>
6215 anupam.sin 201
							#if($action.isPhoneNumberRequired())
202
                			<table id='billig-address-for-recharge' cellpadding="0" cellspacing="0">
6050 anupam.sin 203
                				<thead>
204
                					<tr class="header">
6177 anupam.sin 205
                							<td id="newAddressFormHeading" class="instruction" colspan="2">As you are a first time user, we need a billing address to send to Payment Gateway.</td>
6050 anupam.sin 206
                					</tr>
207
                                </thead>
208
                				<tbody>
209
                                <tr>
210
                					<td class="label" align="right"><sup>*</sup>Phone:</td>
211
                					<td class="input">
212
                						<input type="text" id="shipPhone" name="phone" value="" class="searchbox right" />
213
                					</td>
214
                				</tr>
215
                                </tbody>
216
                			</table>
6091 anupam.sin 217
							#end
6050 anupam.sin 218
							<div style="text-align:center;">
219
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
220
								<br/><br/>
221
								<span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span>
222
							</div>
223
						</form>
224
                    </div>
225
                    <div>
226
   						<div class="center-text-bold12">Select Your Bank:</div><br/>
6086 anupam.sin 227
						<form id="bankSelection" name="bankSelection" action="recharge-payment" method="post" onsubmit="return verifyPaymentModeSelectionForm('bankSelection')">
6050 anupam.sin 228
							<input type="hidden" name="rechargeOrderId" value="$action.getRechargeOrderId()"/>
229
							<div>
230
    							<div style="padding-left:20px; margin-top:10px; margin-bottom:20px; float:left;">
231
    								<div class="options">
232
    									<input type="radio" name="payment_option" value="1004" class="marginRight5px"/>
233
    									<span class="cctext">AXIS Bank</span>
234
    									<div class="cclogo">
235
        									<h3>
236
        										<img src="/images/banks-sprite.gif" valign="middle"/>
237
        									</h3>
238
        								</div>
239
    									<br/>
240
    								</div>
241
									<div class="options">
242
    									<input type="radio" name="payment_option" value="1127" class="marginRight5px"/>
243
    									<span class="cctext">Citi Bank</span>
244
    									<div class="cclogo citibank">
245
        									<h3>
246
        										<img src="/images/banks-sprite.gif" valign="middle"/>
247
        									</h3>
248
        								</div>
249
    									<br/>
250
    								</div>
251
									<div class="options">
252
    									<input type="radio" name="payment_option" value="1135" class="marginRight5px"/>
253
    									<span class="cctext">Corportation Bank</span>
254
    									<div class="cclogo corporationbank">
255
        									<h3>
256
        										<img src="/images/banks-sprite.gif" valign="middle"/>
257
        									</h3>
258
        								</div>
259
    									<br/>
260
    								</div>
261
									<div class="options">
262
    									<input type="radio" name="payment_option" value="1029" class="marginRight5px"/>
263
    									<span class="cctext">Federal Bank</span>
264
    									<div class="cclogo federalbank">
265
        									<h3>
266
        										<img src="/images/banks-sprite.gif" valign="middle"/>
267
        									</h3>
268
        								</div>
269
    									<br/>
270
    								</div>
271
									<div class="options">
272
    									<input type="radio" name="payment_option" value="1007" class="marginRight5px"/>
273
    									<span class="cctext">HDFC Bank</span>
274
    									<div class="cclogo hdfcbank">
275
        									<h3>
276
        										<img src="/images/banks-sprite.gif" valign="middle"/>
277
        									</h3>
278
        								</div>
279
    									<br/>
280
    								</div>
281
									<div class="options">
282
    									<input type="radio" name="payment_option" value="1016" class="marginRight5px"/>
283
    									<span class="cctext">ICICI Bank</span>
284
    									<div class="cclogo icicibank">
285
        									<h3>
286
        										<img src="/images/banks-sprite.gif" valign="middle"/>
287
        									</h3>
288
        								</div>
289
    									<br/>
290
    								</div>
6210 kshitij.so 291
									<div class="options">
292
    									<input type="radio" name="payment_option" value="1147" class="marginRight5px"/>
293
    									<span class="cctext">Central Bank Of India</span>
294
    									<div class="cclogo centralbankofindia">
295
        									<h3>
296
        										<img width="154" height="30" src="/images/banks-cbi.png" valign="middle"/>
297
        									</h3>
298
        								</div>
299
    									<br/>
300
    								</div>
301
									<div class="options">
302
    									<input type="radio" name="payment_option" value="1146" class="marginRight5px"/>
303
    									<span class="cctext">YES Bank</span>
304
    									<div class="cclogo yesbank">
305
        									<h3>
306
        										<img width="154" height="30" src="/images/banks-yesbank.jpg" valign="middle"/>
307
        									</h3>
308
        								</div>
309
    									<br/>
310
    								</div>
6050 anupam.sin 311
    							</div>
312
    							<div style="padding-right:20px; margin-top:10px; margin-bottom:20px; float:right;">
313
									<div class="options">
314
    									<input type="radio" name="payment_option" value="1015" class="marginRight5px"/>
315
    									<span class="cctext">JK Bank</span>
316
    									<div class="cclogo jkbank">
317
        									<h3>
318
        										<img src="/images/banks-sprite.gif" valign="middle"/>
319
        									</h3>
320
        								</div>
321
    									<br/>
322
    								</div>
323
									<div class="options">
324
    									<input type="radio" name="payment_option" value="1133" class="marginRight5px"/>
325
    									<span class="cctext">Karnatka Bank</span>
326
    									<div class="cclogo karnatkabank">
327
        									<h3>
328
        										<img src="/images/banks-sprite.gif" valign="middle"/>
329
        									</h3>
330
        								</div>
331
    									<br/>
332
    								</div>
333
									<div class="options">
334
    									<input type="radio" name="payment_option" value="1032" class="marginRight5px"/>
335
    									<span class="cctext">State Bank of India</span>
336
    									<div class="cclogo sbi">
337
        									<h3>
338
        										<img src="/images/banks-sprite.gif" valign="middle"/>
339
        									</h3>
340
        								</div>
341
    									<br/>
342
    								</div>
343
									<div class="options">
344
    									<input type="radio" name="payment_option" value="1034" class="marginRight5px"/>
345
    									<span class="cctext">State Bank of Hyderabad</span>
346
    									<div class="cclogo sbh">
347
        									<h3>
348
        										<img src="/images/banks-sprite.gif" valign="middle"/>
349
        									</h3>
350
        								</div>
351
    									<br/>
352
    								</div>
353
									<div class="options">
354
    									<input type="radio" name="payment_option" value="1038" class="marginRight5px"/>
355
    									<span class="cctext">State Bank of Mysore</span>
356
    									<div class="cclogo sbm">
357
        									<h3>
358
        										<img src="/images/banks-sprite.gif" valign="middle"/>
359
        									</h3>
360
        								</div>
361
    									<br/>
362
    								</div>
363
									<div class="options">
6210 kshitij.so 364
    									<input type="radio" name="payment_option" value="1039" class="marginRight5px"/>
365
    									<span class="cctext">State Bank Of Travancore </span>
366
    									<div class="cclogo sbt">
367
        									<h3>
368
        										<img width="154" height="30" src="/images/banks-sbt.png" valign="middle"/>
369
        									</h3>
370
        								</div>
371
    									<br/>
372
    								</div>
373
									<div class="options">
6050 anupam.sin 374
    									<input type="radio" name="payment_option" value="1143" class="marginRight5px"/>
375
    									<span class="cctext">Indian Bank</span>
376
    									<div class="cclogo">
377
        									<h3>
378
        										<img width="154" height="30" src="/images/indian_bank.gif" valign="middle"/>
379
        									</h3>
380
        								</div>
381
    									<br/>
382
    								</div>
6210 kshitij.so 383
									<div class="options">
384
    									<input type="radio" name="payment_option" value="1148" class="marginRight5px"/>
385
    									<span class="cctext">Kotak Mahindra Bank</span>
386
    									<div class="cclogo kmb">
387
        									<h3>
388
        										<img width="154" height="30" src="/images/banks-kmb.gif" valign="middle"/>
389
        									</h3>
390
        								</div>
391
    									<br/>
392
    								</div>
6050 anupam.sin 393
    							</div>
394
							</div>
6215 anupam.sin 395
							#if($action.isPhoneNumberRequired())
396
                			<table id='billig-address-for-recharge' cellpadding="0" cellspacing="0">
6050 anupam.sin 397
                				<thead>
398
                					<tr class="header">
6177 anupam.sin 399
                							<td id="newAddressFormHeading" class="instruction" colspan="2">As you are a first time user, we need a billing address to send to Payment Gateway.</td>
6050 anupam.sin 400
                					</tr>
401
                                </thead>
402
                				<tbody>
403
                                <tr>
404
                					<td class="label" align="right"><sup>*</sup>Phone:</td>
405
                					<td class="input">
406
                						<input type="text" id="shipPhone" name="phone" value="" class="searchbox right" />
407
                					</td>
408
                				</tr>
409
                                </tbody>
410
                			</table>
6091 anupam.sin 411
							#end
6050 anupam.sin 412
							<div style="clear:both"></div>
413
							<div style="text-align:center;">
414
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
415
								<br/><br/>
416
								<span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span>
417
							</div>
418
						</form>
419
                    </div>
420
 
421
                </div>
422
				<div class="payment-security-notice">
423
					<span class="noticetext">All the payments are secured by MasterCard SecureCode and Verified by Visa</span>
424
					<div class="noticelogo">
425
						<h3>
426
							<img src="/images/Icons_Security.png" valign="middle"/>
427
						</h3>
428
					</div>
429
					<div class="noticelogo vbv">
430
						<h3>
431
							<img src="/images/Icons_Security.png" valign="middle"/>
432
						</h3>
433
					</div>
434
				</div>
435
			  </div>
436
			</div>
437
		  </div>
438
 
439
		</div>
440
	</div>
441
</div>
442
 
443
#include("templates/footer.vm")
444
 
445
#include ( "templates/commonjsfiles.vm" )
446
<script language="javascript" type="text/javascript" src="/js/proceed-to-pay.js"></script>
447
</body>
448
</html>
449