Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
3101 chandransh 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>
3830 chandransh 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
 
10
<title>Saholic</title>
11
 
12
<!-- start of new code -->
13
 
14
 #include ( "templates/commoncssfiles.vm" )
3101 chandransh 15
</head>
16
 
17
<body>
18
	<noscript>
3830 chandransh 19
		<p id="noScript">Please allow <em>Javascript</em> in order to function this website correctly!</p>
3101 chandransh 20
	</noscript>
21
 
3353 chandransh 22
	$action.getHeaderSnippet()
3830 chandransh 23
<div id="main">
24
	<div class="main-content">
25
		<div id="cartFlowHeader">
26
			<a href="/cart">
27
				<div class="left cartflow-header-tab lefttab-inactive inactive-tab-font">
28
					<span class="counter-inactive">1</span>
29
					<span class="label">Cart Details</span>
30
				</div>
31
			</a>
32
			<a href="/shipping">
33
				<div class="left cartflow-header-tab midtab-inactive left-overlap inactive-tab-font">
34
					<span class="counter-inactive">2</span>
35
					<span class="label">Shipping Info.</span>
36
				</div>
37
			</a>
38
			<div class="left cartflow-header-tab midtab-active left-overlap active-tab-font" style="">
39
				<span class="counter-active">3</span>
40
				<span class="label">Make Payment</span>
41
			</div>
42
			<div class="left cartflow-header-tab righttab-inactive left-overlap inactive-tab-font">
43
				<span class="counter-inactive">4</span>
44
				<span class="label">Order Status</span>
45
			</div>
46
		</div>
47
 
48
		<div id="registration" class="blue-border">
3101 chandransh 49
 
50
          <div class="middle">
51
            <div class="mid-inner">
52
 
53
              <!-- Block 1 -->
54
              <div class="padding-top17">
55
				#set($errorMsg=$action.getErrorMsg())
56
				#if(!$errorMsg.isEmpty())
57
                <div id="messageError">
58
                    <span></span>
59
                    <p>
60
                        $errorMsg <br/>
61
                    </p>
62
                </div>
63
				#end
64
 
65
				#set($adrressId=$action.getAddressId())
66
				#set($orderAmount=$action.getTotalAmount())
3830 chandransh 67
				<h4 style="font-size:16px; font-weight:bold"><span style="color:#999999">Amount to be Paid:</span> Rs <span style="color:#333333">$orderAmount</span></h4>
68
				<br/>
3101 chandransh 69
				<div id="vtab">
70
                    <ul>
3830 chandransh 71
                        <li>CREDIT CARDS</li>
72
						<li>EMI</li>
73
                        <li>DEBIT/ATM CARDS</li>
74
                        <li>NET BANKING</li>
75
						<li>CASH CARDS</li>
3968 varun.gupt 76
						#if($action.shouldShowCodOption())
3830 chandransh 77
						<li>CASH ON DELIVERY</li>
3968 varun.gupt 78
						#end
3101 chandransh 79
                    </ul>
80
                    <div>
3830 chandransh 81
						<div class="center-text-bold12">Select Your Credit Card:</div><br/>
3101 chandransh 82
						<form id="ccSelection" name="ccSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('ccSelection')">
83
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
3830 chandransh 84
							<div class="ccdiv" style="float:left; margin-left:48px;">
3953 rajveer 85
    							<div class="ccheader-div"><b>Credit Cards Issued in India</b></div>
3830 chandransh 86
    							<div style="padding: 20px">
87
    								<div class="options">
88
    									<input type="radio" name="payment_option" value="2008" class="marginRight5px"/>
89
    									<div class="newcclogo visa">
90
        									<h3>
91
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
92
        									</h3>
93
        								</div>
94
        								<span class="cctext">Visa</span>
95
        								<br/>
3163 chandransh 96
    								</div>
3830 chandransh 97
    								<div class="options">
98
    									<input type="radio" name="payment_option" value="2017" class="marginRight5px"/>
99
    									<div class="newcclogo">
100
        									<h3>
101
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
102
        									</h3>
103
        								</div>
104
    									<span class="cctext">MasterCard</span>
105
    									<br/>
3163 chandransh 106
    								</div>
3830 chandransh 107
    								<div class="options">
108
    									<input type="radio" name="payment_option" value="1010" class="marginRight5px"/>
109
    									<div class="newcclogo diners">
110
        									<h3>
111
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
112
        									</h3>
113
        								</div>
114
    									<span class="cctext">Diners Club</span>
115
    									<br/>
116
    								</div>
117
    							</div>
3101 chandransh 118
							</div>
3830 chandransh 119
							<div style="text-align:center; width: 115px; line-height: 200px; float:left; font-size:20px; font-weight:bold; color:#999">OR</div>
120
							<div class="ccdiv" style="float:right; margin-right:48px;">
3953 rajveer 121
        						<div class="ccheader-div"><b>Credit Cards Issued outside India</b></div>
3830 chandransh 122
    							<div style="padding: 20px;">
123
    								<div class="options">
124
                                        <input type="radio" name="payment_option" value="1008" class="marginRight5px"/>
125
        								<div class="newcclogo visa">
126
        									<h3>
127
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
128
        									</h3>
129
        								</div>
130
    									<span class="cctext">Visa</span><br/>
3163 chandransh 131
    								</div>
3830 chandransh 132
    								<div class="options">
133
    									<input type="radio" name="payment_option" value="1017" class="marginRight5px"/>
134
    									<div class="newcclogo ">
135
        									<h3>
136
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
137
        									</h3>
138
        								</div>
139
    									<span class="cctext">MasterCard</span>
140
    									<br/>
3163 chandransh 141
    								</div>
3830 chandransh 142
    								<div class="options">
143
    									<input type="radio" name="payment_option" value="1010" class="marginRight5px"/>
144
    									<div class="newcclogo diners">
145
        									<h3>
146
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
147
        									</h3>
148
        								</div>
149
    									<span class="cctext">Diners Club</span>
150
    									<br/>
151
    								</div>
3101 chandransh 152
    							</div>
153
							</div>
3830 chandransh 154
                            <div style="clear:both"></div>
155
							<div style="text-align:center;">
156
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
157
								<br/><br/>
158
								<span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span> 
159
							</div>
3101 chandransh 160
						</form>
161
                    </div>
3830 chandransh 162
					<div>
163
						<div class="center-text-bold12">Select Your EMI option:</div><br/>
3659 chandransh 164
						<form id="emiSelection" name="emiSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('emiSelection')">
165
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
166
							<div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
167
								<div class="options">
168
									<input type="radio" name="payment_option" value="2020" class="marginRight5px"/>
3830 chandransh 169
									<span class="cctext">3-months EMI for HDFC Bank Credit Cards</span>
3659 chandransh 170
									<br/>
171
								</div>
172
 
173
							</div>
3830 chandransh 174
							<div style="text-align:center;">
175
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
176
								<br/><br/>
177
								<b>You will be taken to our Bank&apos;s payment gateway for making this payment.</b>
3659 chandransh 178
							</div>
179
						</form>
180
                    </div>
3830 chandransh 181
                    <div>
182
						<div class="center-text-bold12">Select Your Debit/ATM Card:</div><br/>
3101 chandransh 183
						<form id="atmSelection" name="atmSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('atmSelection')">
184
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
185
							<div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
3163 chandransh 186
        						<div class="options">
187
                                    <input type="radio" name="payment_option" value="2000" class="marginRight5px"/>
3830 chandransh 188
    								<span class="cctext">Visa / Visa Electron Cards</span>
3163 chandransh 189
    								<div class="cclogo">
190
    									<h3>
3182 chandransh 191
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 192
    									</h3>
193
    								</div>
3182 chandransh 194
									<div class="cclogo electron">
195
    									<h3>
196
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
197
    									</h3>
198
    								</div>
3163 chandransh 199
									<br/>
200
								</div>
201
								<div class="options">
3182 chandransh 202
									<input type="radio" name="payment_option" value="2017" class="marginRight5px"/>
3830 chandransh 203
									<span class="cctext">MasterCard</span>
204
									<div class="cclogo old-master">
3182 chandransh 205
    									<h3>
206
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
207
    									</h3>
208
    								</div>
209
									<br/>
210
								</div>
211
								<div class="options">
5102 phani.kuma 212
									<input type="radio" name="payment_option" value="1164" class="marginRight5px"/>
213
									<span class="cctext">Maestro Card</span>
3163 chandransh 214
									<div class="cclogo maestro">
215
    									<h3>
3182 chandransh 216
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 217
    									</h3>
218
    								</div>
219
									<br/>
220
								</div>
5102 phani.kuma 221
								<div class="options">
222
									<input type="radio" name="payment_option" value="1009" class="marginRight5px"/>
223
									<span class="cctext">Citi Bank Card</span>
224
									<div class="cclogo">
225
    									<h3>
226
    										<img width="48" height="30" src="/images/citi_logo.gif" valign="middle"/>
227
    									</h3>
228
    								</div>
229
									<br/>
230
								</div>
3163 chandransh 231
 
3101 chandransh 232
        						#if($action.shouldShowEbsTestGateway())
3163 chandransh 233
								<div class="options">
234
									<input type="radio" name="payment_option" value="1001" class="marginRight5px"/>
3830 chandransh 235
									<span class="cctext">EBS - Test Payment</span>
3163 chandransh 236
									<br/>
237
								</div>
3101 chandransh 238
    							#end
239
							</div>
3830 chandransh 240
							<div style="text-align:center;">
241
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
242
								<br/><br/>
243
								<span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span>
3101 chandransh 244
							</div>
245
						</form>
246
                    </div>
247
                    <div>
3830 chandransh 248
   						<div class="center-text-bold12">Select Your Bank:</div><br/>
3101 chandransh 249
						<form id="bankSelection" name="bankSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('bankSelection')">
250
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
251
							<div>
3830 chandransh 252
    							<div style="padding-left:20px; margin-top:10px; margin-bottom:20px; float:left;">
3182 chandransh 253
    								<div class="options">
254
    									<input type="radio" name="payment_option" value="1004" class="marginRight5px"/>
3830 chandransh 255
    									<span class="cctext">AXIS Bank</span>
3182 chandransh 256
    									<div class="cclogo">
257
        									<h3>
258
        										<img src="/images/banks-sprite.gif" valign="middle"/>
259
        									</h3>
260
        								</div>
261
    									<br/>
262
    								</div>
263
									<div class="options">
264
    									<input type="radio" name="payment_option" value="1127" class="marginRight5px"/>
3830 chandransh 265
    									<span class="cctext">Citi Bank</span>
3182 chandransh 266
    									<div class="cclogo citibank">
267
        									<h3>
268
        										<img src="/images/banks-sprite.gif" valign="middle"/>
269
        									</h3>
270
        								</div>
271
    									<br/>
272
    								</div>
273
									<div class="options">
274
    									<input type="radio" name="payment_option" value="1135" class="marginRight5px"/>
3830 chandransh 275
    									<span class="cctext">Corportation Bank</span>
3182 chandransh 276
    									<div class="cclogo corporationbank">
277
        									<h3>
278
        										<img src="/images/banks-sprite.gif" valign="middle"/>
279
        									</h3>
280
        								</div>
281
    									<br/>
282
    								</div>
283
									<div class="options">
284
    									<input type="radio" name="payment_option" value="1029" class="marginRight5px"/>
3830 chandransh 285
    									<span class="cctext">Federal Bank</span>
3182 chandransh 286
    									<div class="cclogo federalbank">
287
        									<h3>
288
        										<img src="/images/banks-sprite.gif" valign="middle"/>
289
        									</h3>
290
        								</div>
291
    									<br/>
292
    								</div>
293
									<div class="options">
294
    									<input type="radio" name="payment_option" value="1007" class="marginRight5px"/>
3830 chandransh 295
    									<span class="cctext">HDFC Bank</span>
3182 chandransh 296
    									<div class="cclogo hdfcbank">
297
        									<h3>
298
        										<img src="/images/banks-sprite.gif" valign="middle"/>
299
        									</h3>
300
        								</div>
301
    									<br/>
302
    								</div>
303
									<div class="options">
304
    									<input type="radio" name="payment_option" value="1016" class="marginRight5px"/>
3830 chandransh 305
    									<span class="cctext">ICICI Bank</span>
3182 chandransh 306
    									<div class="cclogo icicibank">
307
        									<h3>
308
        										<img src="/images/banks-sprite.gif" valign="middle"/>
309
        									</h3>
310
        								</div>
311
    									<br/>
312
    								</div>
3101 chandransh 313
    							</div>
3830 chandransh 314
    							<div style="padding-right:20px; margin-top:10px; margin-bottom:20px; float:right;">
3182 chandransh 315
									<div class="options">
316
    									<input type="radio" name="payment_option" value="1015" class="marginRight5px"/>
3830 chandransh 317
    									<span class="cctext">JK Bank</span>
3182 chandransh 318
    									<div class="cclogo jkbank">
319
        									<h3>
320
        										<img src="/images/banks-sprite.gif" valign="middle"/>
321
        									</h3>
322
        								</div>
323
    									<br/>
324
    								</div>
325
									<div class="options">
326
    									<input type="radio" name="payment_option" value="1133" class="marginRight5px"/>
3830 chandransh 327
    									<span class="cctext">Karnatka Bank</span>
3182 chandransh 328
    									<div class="cclogo karnatkabank">
329
        									<h3>
330
        										<img src="/images/banks-sprite.gif" valign="middle"/>
331
        									</h3>
332
        								</div>
333
    									<br/>
334
    								</div>
335
									<div class="options">
336
    									<input type="radio" name="payment_option" value="1032" class="marginRight5px"/>
3830 chandransh 337
    									<span class="cctext">State Bank of India</span>
3182 chandransh 338
    									<div class="cclogo sbi">
339
        									<h3>
340
        										<img src="/images/banks-sprite.gif" valign="middle"/>
341
        									</h3>
342
        								</div>
343
    									<br/>
344
    								</div>
345
									<div class="options">
346
    									<input type="radio" name="payment_option" value="1034" class="marginRight5px"/>
3830 chandransh 347
    									<span class="cctext">State Bank of Hyderabad</span>
3182 chandransh 348
    									<div class="cclogo sbh">
349
        									<h3>
350
        										<img src="/images/banks-sprite.gif" valign="middle"/>
351
        									</h3>
352
        								</div>
353
    									<br/>
354
    								</div>
355
									<div class="options">
356
    									<input type="radio" name="payment_option" value="1038" class="marginRight5px"/>
3830 chandransh 357
    									<span class="cctext">State Bank of Mysore</span>
3182 chandransh 358
    									<div class="cclogo sbm">
359
        									<h3>
360
        										<img src="/images/banks-sprite.gif" valign="middle"/>
361
        									</h3>
362
        								</div>
363
    									<br/>
364
    								</div>
5102 phani.kuma 365
									<div class="options">
366
    									<input type="radio" name="payment_option" value="1143" class="marginRight5px"/>
367
    									<span class="cctext">Indian Bank</span>
368
    									<div class="cclogo">
369
        									<h3>
370
        										<img width="154" height="30" src="/images/indian_bank.gif" valign="middle"/>
371
        									</h3>
372
        								</div>
373
    									<br/>
374
    								</div>
3101 chandransh 375
    							</div>
376
							</div>
377
							<div style="clear:both"></div>
3830 chandransh 378
							<div style="text-align:center;">
379
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
380
								<br/><br/>
381
								<span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span>
3101 chandransh 382
							</div>
383
						</form>
384
                    </div>
385
					<div>
3830 chandransh 386
						<div class="center-text-bold12">Select Your Cash Card:</div><br/>
3101 chandransh 387
						<form id="cashSelection" name="cashSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('cashSelection')">
388
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
389
							<div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
3182 chandransh 390
								<div class="options">
391
									<input type="radio" name="payment_option" value="1132" class="marginRight5px"/>
3830 chandransh 392
									<span class="cctext">Done Card</span>
3182 chandransh 393
									<div class="cclogo">
394
    									<h3>
395
    										<img src="/images/cash-cards.gif" valign="middle"/>
396
    									</h3>
397
    								</div>
398
									<br/>
399
								</div>
400
								<div class="options">
401
									<input type="radio" name="payment_option" value="1134" class="marginRight5px"/>
3830 chandransh 402
									<span class="cctext">ICash</span>
3182 chandransh 403
									<div class="cclogo icash">
404
    									<h3>
405
    										<img src="/images/cash-cards.gif" valign="middle"/>
406
    									</h3>
407
    								</div>
408
									<br/>
409
								</div>
410
								<div class="options">
411
									<input type="radio" name="payment_option" value="1012" class="marginRight5px"/>
3830 chandransh 412
									<span class="cctext">ItzCash</span>
3182 chandransh 413
									<div class="cclogo itzcash">
414
    									<h3>
415
    										<img src="/images/cash-cards.gif" valign="middle"/>
416
    									</h3>
417
    								</div>
418
									<br/>
419
								</div>
3101 chandransh 420
							</div>
3830 chandransh 421
							<div style="text-align:center;">
422
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
423
								<br/><br/>
424
								<span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span>
3101 chandransh 425
							</div>
426
						</form>
427
                    </div>
428
					#if($action.shouldShowCodOption())
429
					<div>
4656 phani.kuma 430
						<div class="center-text-bold12">Please enter the characters shown below:</div><br/>
3312 chandransh 431
						<form id="codSelection" name="codSelection" action="/order" method="post" onsubmit="return verifyCodSelectionForm('codSelection')">
3101 chandransh 432
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
433
							<input type="hidden" name="payment_option" id='payment_option' value="3000"/>
4609 phani.kuma 434
    						<div style="margin-left:250px; margin-top:10px ; margin-bottom:20px">
4613 phani.kuma 435
								<img src="/captcha" id="captchaImage" /><br/><br/>
4656 phani.kuma 436
								<input id="captcha_response_box" class="captcha_text_blur" type="text" name="captcha_response_field" autocomplete="off">
4613 phani.kuma 437
								<br/>Can't read the image? <a id="captchaanchor" style="cursor: pointer;" >Click here</a>.
3101 chandransh 438
    						</div>
4002 varun.gupt 439
							<div class="text-center">
3830 chandransh 440
    							<input type="submit" value="CONFIRM ORDER" class="make-payment-button"/>
441
								<br/><br/>
4002 varun.gupt 442
								<ul class="bold text-left" style="padding-left: 150px;">
443
									Please note:
444
									<li>Cash on Delivery orders will take an extra day for shipment</li>
445
									<li>Only cash will be accepted for Cash on Delivery orders</li>
446
								</ul>
3101 chandransh 447
							</div>
448
						</form>
449
					</div>
450
					#end
451
                </div>
3830 chandransh 452
				<div class="payment-security-notice">
453
					<span class="noticetext">All the payments are secured by MasterCard SecureCode and Verified by Visa</span>
454
					<div class="noticelogo">
455
						<h3>
456
							<img src="/images/Icons_Security.png" valign="middle"/>
457
						</h3>
458
					</div>
459
					<div class="noticelogo vbv">
460
						<h3>
461
							<img src="/images/Icons_Security.png" valign="middle"/>
462
						</h3>
463
					</div>
464
				</div>
3101 chandransh 465
			  </div>
466
			</div>
467
		  </div>
468
 
469
		</div>
3830 chandransh 470
	</div>
471
</div>
472
 
473
#include("templates/footer.vm")
474
 
475
#include ( "templates/commonjsfiles.vm" )
476
<script language="javascript" type="text/javascript" src="/js/proceed-to-pay.js"></script>
3101 chandransh 477
</body>
3312 chandransh 478
</html>
3830 chandransh 479