Subversion Repositories SmartDukaan

Rev

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