Subversion Repositories SmartDukaan

Rev

Rev 8948 | Rev 9145 | 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>
6903 anupam.sin 61
                        $errorMsg
3101 chandransh 62
                    </p>
63
                </div>
64
				#end
65
 
66
				#set($adrressId=$action.getAddressId())
67
				#set($orderAmount=$action.getTotalAmount())
6413 amit.gupta 68
				<h4 style="font-size:16px; font-weight:bold"><span style="color:#999999">Order Amount:</span> Rs <span style="color:#333333">$orderAmount</span></h4>
3830 chandransh 69
				<br/>
3101 chandransh 70
				<div id="vtab">
71
                    <ul>
7862 anupam.sin 72
						#if(!$action.isAmountZero())
73
                            <li>CREDIT CARDS</li>
74
    						<li>EMI<span id="pay-at-store-new-icon" style="left:85px"></span></li>
75
                            <li>DEBIT/ATM CARDS</li>
76
                            <li>NET BANKING</li>
77
    						<li>CASH CARDS</li>
78
							#if($action.shouldShowStorePickUpOption())
79
    							<li>PAY IN STORE</li>
80
    						#else
81
    							#if($action.shouldShowCodOption())
82
    								<li>CASH ON DELIVERY</li>
83
    							#end
84
							#end
5716 anupam.sin 85
						#else
7862 anupam.sin 86
							<li>CONFIRM ORDER</li>
3968 varun.gupt 87
						#end
7862 anupam.sin 88
 
3101 chandransh 89
                    </ul>
7862 anupam.sin 90
					#if(!$action.isAmountZero())
3101 chandransh 91
                    <div>
3830 chandransh 92
						<div class="center-text-bold12">Select Your Credit Card:</div><br/>
3101 chandransh 93
						<form id="ccSelection" name="ccSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('ccSelection')">
94
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
3830 chandransh 95
							<div class="ccdiv" style="float:left; margin-left:48px;">
3953 rajveer 96
    							<div class="ccheader-div"><b>Credit Cards Issued in India</b></div>
3830 chandransh 97
    							<div style="padding: 20px">
98
    								<div class="options">
99
    									<input type="radio" name="payment_option" value="2008" class="marginRight5px"/>
100
    									<div class="newcclogo visa">
101
        									<h3>
102
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
103
        									</h3>
104
        								</div>
105
        								<span class="cctext">Visa</span>
106
        								<br/>
3163 chandransh 107
    								</div>
3830 chandransh 108
    								<div class="options">
109
    									<input type="radio" name="payment_option" value="2017" class="marginRight5px"/>
110
    									<div class="newcclogo">
111
        									<h3>
112
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
113
        									</h3>
114
        								</div>
115
    									<span class="cctext">MasterCard</span>
116
    									<br/>
3163 chandransh 117
    								</div>
3830 chandransh 118
    								<div class="options">
119
    									<input type="radio" name="payment_option" value="1010" class="marginRight5px"/>
120
    									<div class="newcclogo diners">
121
        									<h3>
122
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
123
        									</h3>
124
        								</div>
125
    									<span class="cctext">Diners Club</span>
126
    									<br/>
127
    								</div>
128
    							</div>
3101 chandransh 129
							</div>
3830 chandransh 130
							<div style="text-align:center; width: 115px; line-height: 200px; float:left; font-size:20px; font-weight:bold; color:#999">OR</div>
131
							<div class="ccdiv" style="float:right; margin-right:48px;">
3953 rajveer 132
        						<div class="ccheader-div"><b>Credit Cards Issued outside India</b></div>
3830 chandransh 133
    							<div style="padding: 20px;">
134
    								<div class="options">
135
                                        <input type="radio" name="payment_option" value="1008" class="marginRight5px"/>
136
        								<div class="newcclogo visa">
137
        									<h3>
138
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
139
        									</h3>
140
        								</div>
141
    									<span class="cctext">Visa</span><br/>
3163 chandransh 142
    								</div>
3830 chandransh 143
    								<div class="options">
144
    									<input type="radio" name="payment_option" value="1017" class="marginRight5px"/>
145
    									<div class="newcclogo ">
146
        									<h3>
147
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
148
        									</h3>
149
        								</div>
150
    									<span class="cctext">MasterCard</span>
151
    									<br/>
3163 chandransh 152
    								</div>
3830 chandransh 153
    								<div class="options">
154
    									<input type="radio" name="payment_option" value="1010" class="marginRight5px"/>
155
    									<div class="newcclogo diners">
156
        									<h3>
157
        										<img src="/images/Icons_CreditCardsPayment.png" valign="middle"/>
158
        									</h3>
159
        								</div>
160
    									<span class="cctext">Diners Club</span>
161
    									<br/>
162
    								</div>
3101 chandransh 163
    							</div>
164
							</div>
3830 chandransh 165
                            <div style="clear:both"></div>
166
							<div style="text-align:center;">
167
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
168
								<br/><br/>
169
								<span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span> 
170
							</div>
3101 chandransh 171
						</form>
172
                    </div>
3830 chandransh 173
					<div>
3659 chandransh 174
						<form id="emiSelection" name="emiSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('emiSelection')">
175
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
176
							<div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
7569 rajveer 177
								<div style="color:red;">Note: EMI conversion may take 7 to 8 business days.</div>
6407 amit.gupta 178
								<div class="options" style="height:auto;float:left">
179
									<span style="padding: 0px 8px 0px 0px; font-size: 14px; font-weight: bold;">Select Bank</span>
180
									<ol class="bank-name" id="bank-name" name="bankname">
181
									</ol>
3659 chandransh 182
								</div>
6945 amit.gupta 183
								<!--<br><br>
6407 amit.gupta 184
								<div class="options" style="height:auto;float:left">
6435 amit.gupta 185
									<span style="padding: 0px 8px 0px 0px; font-size: 14px; font-weight: bold;">Coming Soon</span>
186
									<ol class="bank-name" id="comingsoon">
187
									</ol>
6945 amit.gupta 188
								</div> -->
6435 amit.gupta 189
								<br><br>
190
								<div class="options" style="height:auto;float:left">
6407 amit.gupta 191
									<span style="padding: 0px 8px 0px 0px; font-size: 14px; font-weight: bold;">Select Plan</span>
192
									<table id="emi-options">
193
										<thead>
194
											<tr>
195
												<th>&nbsp;</th>
8946 amit.gupta 196
	                                            <th>Tenure</th>
8956 rajveer 197
	                                            <th style="width:50px;text-align:center">Annualized Interest Rate</th>
198
												<th style="width:90px;text-align:center">Total Interest Payable to Bank</th>
8946 amit.gupta 199
												<th style="width:90px;text-align:center">Total Amount</th>
6407 amit.gupta 200
												<th style="width:90px;text-align:center">Monthly Installment</th>
201
	                                        </tr>
202
	                                    </thead>
203
										<tbody>
204
	                                    </tbody>
205
	                                </table>
206
								</div>
207
 
3659 chandransh 208
							</div>
6407 amit.gupta 209
							<div style="text-align:center;clear:left">
8948 amit.gupta 210
								<div style="font-size:15px;font-weight:bold;padding:5px">Amount to pay : <span class="mk_total_amount">$orderAmount</span></div>
3830 chandransh 211
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
212
								<br/><br/>
213
								<b>You will be taken to our Bank&apos;s payment gateway for making this payment.</b>
8948 amit.gupta 214
								<div style="font-size: 10px; line-height: 1.8em; width: 500px; margin: auto; text-align: left; padding: 12px 0px;"><ul><li>Interest shown will be charged by the bank in your statement.
215
</li><li>EMIs shown above may vary slightly due to round offs.</li>
216
<li>When you opt for EMI, it is considered as a request from you to your bank. The bank reserves the right to reject your EMI request.</li>
8956 rajveer 217
<li>It is hereby clarified that we are not charging any Processing Fee/Commission etc. and only facilitating the communication of your EMI request
8948 amit.gupta 218
to your bank.</li>
219
<li>Any clarification/complaint maybe sought directly through your bank.</li></ul></div>
3659 chandransh 220
							</div>
221
						</form>
222
                    </div>
3830 chandransh 223
                    <div>
224
						<div class="center-text-bold12">Select Your Debit/ATM Card:</div><br/>
3101 chandransh 225
						<form id="atmSelection" name="atmSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('atmSelection')">
226
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
227
							<div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
3163 chandransh 228
        						<div class="options">
229
                                    <input type="radio" name="payment_option" value="2000" class="marginRight5px"/>
3830 chandransh 230
    								<span class="cctext">Visa / Visa Electron Cards</span>
3163 chandransh 231
    								<div class="cclogo">
232
    									<h3>
3182 chandransh 233
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 234
    									</h3>
235
    								</div>
3182 chandransh 236
									<div class="cclogo electron">
237
    									<h3>
238
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
239
    									</h3>
240
    								</div>
3163 chandransh 241
									<br/>
242
								</div>
243
								<div class="options">
5538 anupam.sin 244
									<input type="radio" name="payment_option" value="2018" class="marginRight5px"/>
3830 chandransh 245
									<span class="cctext">MasterCard</span>
246
									<div class="cclogo old-master">
3182 chandransh 247
    									<h3>
248
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
249
    									</h3>
250
    								</div>
251
									<br/>
252
								</div>
253
								<div class="options">
5102 phani.kuma 254
									<input type="radio" name="payment_option" value="1164" class="marginRight5px"/>
5538 anupam.sin 255
									<span class="cctext">Maestro Card(Except Citi Bank)</span>
3163 chandransh 256
									<div class="cclogo maestro">
257
    									<h3>
3182 chandransh 258
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 259
    									</h3>
260
    								</div>
261
									<br/>
262
								</div>
5102 phani.kuma 263
								<div class="options">
264
									<input type="radio" name="payment_option" value="1009" class="marginRight5px"/>
265
									<span class="cctext">Citi Bank Card</span>
266
									<div class="cclogo">
267
    									<h3>
268
    										<img width="48" height="30" src="/images/citi_logo.gif" valign="middle"/>
269
    									</h3>
270
    								</div>
271
									<br/>
272
								</div>
3163 chandransh 273
 
3101 chandransh 274
        						#if($action.shouldShowEbsTestGateway())
3163 chandransh 275
								<div class="options">
276
									<input type="radio" name="payment_option" value="1001" class="marginRight5px"/>
3830 chandransh 277
									<span class="cctext">EBS - Test Payment</span>
3163 chandransh 278
									<br/>
279
								</div>
6060 rajveer 280
								<div class="options">
281
									<input type="radio" name="payment_option" value="4000" class="marginRight5px"/>
282
									<span class="cctext">PayU - Test Payment</span>
283
									<br/>
284
								</div>
3101 chandransh 285
    							#end
286
							</div>
3830 chandransh 287
							<div style="text-align:center;">
288
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
289
								<br/><br/>
290
								<span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span>
3101 chandransh 291
							</div>
292
						</form>
293
                    </div>
294
                    <div>
3830 chandransh 295
   						<div class="center-text-bold12">Select Your Bank:</div><br/>
3101 chandransh 296
						<form id="bankSelection" name="bankSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('bankSelection')">
297
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
298
							<div>
3830 chandransh 299
    							<div style="padding-left:20px; margin-top:10px; margin-bottom:20px; float:left;">
3182 chandransh 300
    								<div class="options">
301
    									<input type="radio" name="payment_option" value="1004" class="marginRight5px"/>
3830 chandransh 302
    									<span class="cctext">AXIS Bank</span>
3182 chandransh 303
    									<div class="cclogo">
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="1127" class="marginRight5px"/>
3830 chandransh 312
    									<span class="cctext">Citi Bank</span>
3182 chandransh 313
    									<div class="cclogo citibank">
314
        									<h3>
315
        										<img src="/images/banks-sprite.gif" valign="middle"/>
316
        									</h3>
317
        								</div>
318
    									<br/>
319
    								</div>
320
									<div class="options">
321
    									<input type="radio" name="payment_option" value="1135" class="marginRight5px"/>
3830 chandransh 322
    									<span class="cctext">Corportation Bank</span>
3182 chandransh 323
    									<div class="cclogo corporationbank">
324
        									<h3>
325
        										<img src="/images/banks-sprite.gif" valign="middle"/>
326
        									</h3>
327
        								</div>
328
    									<br/>
329
    								</div>
330
									<div class="options">
331
    									<input type="radio" name="payment_option" value="1029" class="marginRight5px"/>
3830 chandransh 332
    									<span class="cctext">Federal Bank</span>
3182 chandransh 333
    									<div class="cclogo federalbank">
334
        									<h3>
335
        										<img src="/images/banks-sprite.gif" valign="middle"/>
336
        									</h3>
337
        								</div>
338
    									<br/>
339
    								</div>
340
									<div class="options">
341
    									<input type="radio" name="payment_option" value="1007" class="marginRight5px"/>
3830 chandransh 342
    									<span class="cctext">HDFC Bank</span>
3182 chandransh 343
    									<div class="cclogo hdfcbank">
344
        									<h3>
345
        										<img src="/images/banks-sprite.gif" valign="middle"/>
346
        									</h3>
347
        								</div>
348
    									<br/>
349
    								</div>
350
									<div class="options">
351
    									<input type="radio" name="payment_option" value="1016" class="marginRight5px"/>
3830 chandransh 352
    									<span class="cctext">ICICI Bank</span>
3182 chandransh 353
    									<div class="cclogo icicibank">
354
        									<h3>
355
        										<img src="/images/banks-sprite.gif" valign="middle"/>
356
        									</h3>
357
        								</div>
358
    									<br/>
359
    								</div>
6209 kshitij.so 360
									<div class="options">
361
    									<input type="radio" name="payment_option" value="1147" class="marginRight5px"/>
6222 kshitij.so 362
    									<span class="cctext">Central Bank of India</span>
6209 kshitij.so 363
    									<div class="cclogo centralbankofindia">
364
        									<h3>
365
        										<img width="154" height="30" src="/images/banks-cbi.png" valign="middle"/>
366
        									</h3>
367
        								</div>
368
    									<br/>
369
    								</div>
370
									<div class="options">
371
    									<input type="radio" name="payment_option" value="1146" class="marginRight5px"/>
372
    									<span class="cctext">YES Bank</span>
373
    									<div class="cclogo yesbank">
374
        									<h3>
375
        										<img width="154" height="30" src="/images/banks-yesbank.jpg" valign="middle"/>
376
        									</h3>
377
        								</div>
378
    									<br/>
379
    								</div>
8274 amit.gupta 380
									<div class="options">
7781 amit.gupta 381
    									<input type="radio" name="payment_option" value="1214" class="marginRight5px"/>
382
    									<span class="cctext">Bank of India</span>
383
    									<div class="cclogo kmb">
384
        									<h3>
385
        										<img width="154" height="30" src="/images/banks-boi.png" valign="middle"/>
386
        									</h3>
387
        								</div>
388
    									<br/>
389
    								</div>
390
									<div class="options">
391
    									<input type="radio" name="payment_option" value="1215" class="marginRight5px"/>
392
    									<span class="cctext">Citi Union Bank</span>
393
    									<div class="cclogo kmb">
394
        									<h3>
395
        										<img width="154" height="30" src="/images/banks-cub.png" valign="middle"/>
396
        									</h3>
397
        								</div>
398
    									<br/>
399
    								</div>
400
									<div class="options">
401
    									<input type="radio" name="payment_option" value="1216" class="marginRight5px"/>
402
    									<span class="cctext">Union Bank of India</span>
403
    									<div class="cclogo kmb">
404
        									<h3>
405
        										<img width="154" height="30" src="/images/banks-ubi.png" valign="middle"/>
406
        									</h3>
407
        								</div>
408
    									<br/>
409
    								</div>
8274 amit.gupta 410
									<div class="options">
411
    									<input type="radio" name="payment_option" value="1224" class="marginRight5px"/>
412
    									<span class="cctext">Canara Bank</span>
413
    									<div class="cclogo kmb">
414
        									<h3>
415
        										<img width="154" height="30" src="/images/banks-canara.png" valign="middle"/>
416
        									</h3>
417
        								</div>
418
    									<br/>
419
    								</div>
420
									<div class="options">
421
    									<input type="radio" name="payment_option" value="1154" class="marginRight5px"/>
422
    									<span class="cctext">Oriental Bank of Commerce</span>
423
    									<div class="cclogo kmb">
424
        									<h3>
425
        										<img width="154" height="30" src="/images/banks-obc.png" valign="middle"/>
426
        									</h3>
427
        								</div>
428
    									<br/>
429
    								</div>
430
									<div class="options">
431
    									<input type="radio" name="payment_option" value="1210" class="marginRight5px"/>
432
    									<span class="cctext">Ing Vysya Bank</span>
433
    									<div class="cclogo kmb">
434
        									<h3>
435
        										<img width="154" height="30" src="/images/banks-ing.png" valign="middle"/>
436
        									</h3>
437
        								</div>
438
    									<br/>
439
    								</div>
3101 chandransh 440
    							</div>
3830 chandransh 441
    							<div style="padding-right:20px; margin-top:10px; margin-bottom:20px; float:right;">
3182 chandransh 442
									<div class="options">
443
    									<input type="radio" name="payment_option" value="1015" class="marginRight5px"/>
3830 chandransh 444
    									<span class="cctext">JK Bank</span>
3182 chandransh 445
    									<div class="cclogo jkbank">
446
        									<h3>
447
        										<img src="/images/banks-sprite.gif" valign="middle"/>
448
        									</h3>
449
        								</div>
450
    									<br/>
451
    								</div>
452
									<div class="options">
453
    									<input type="radio" name="payment_option" value="1133" class="marginRight5px"/>
6222 kshitij.so 454
    									<span class="cctext">Karnataka Bank</span>
3182 chandransh 455
    									<div class="cclogo karnatkabank">
456
        									<h3>
457
        										<img src="/images/banks-sprite.gif" valign="middle"/>
458
        									</h3>
459
        								</div>
460
    									<br/>
461
    								</div>
462
									<div class="options">
463
    									<input type="radio" name="payment_option" value="1032" class="marginRight5px"/>
3830 chandransh 464
    									<span class="cctext">State Bank of India</span>
3182 chandransh 465
    									<div class="cclogo sbi">
466
        									<h3>
467
        										<img src="/images/banks-sprite.gif" valign="middle"/>
468
        									</h3>
469
        								</div>
470
    									<br/>
471
    								</div>
472
									<div class="options">
473
    									<input type="radio" name="payment_option" value="1034" class="marginRight5px"/>
3830 chandransh 474
    									<span class="cctext">State Bank of Hyderabad</span>
3182 chandransh 475
    									<div class="cclogo sbh">
476
        									<h3>
477
        										<img src="/images/banks-sprite.gif" valign="middle"/>
478
        									</h3>
479
        								</div>
480
    									<br/>
481
    								</div>
482
									<div class="options">
483
    									<input type="radio" name="payment_option" value="1038" class="marginRight5px"/>
3830 chandransh 484
    									<span class="cctext">State Bank of Mysore</span>
3182 chandransh 485
    									<div class="cclogo sbm">
486
        									<h3>
487
        										<img src="/images/banks-sprite.gif" valign="middle"/>
488
        									</h3>
489
        								</div>
490
    									<br/>
491
    								</div>
5102 phani.kuma 492
									<div class="options">
6209 kshitij.so 493
    									<input type="radio" name="payment_option" value="1039" class="marginRight5px"/>
6222 kshitij.so 494
    									<span class="cctext">State Bank of Travancore </span>
6209 kshitij.so 495
    									<div class="cclogo sbt">
496
        									<h3>
497
        										<img width="154" height="30" src="/images/banks-sbt.png" valign="middle"/>
498
        									</h3>
499
        								</div>
500
    									<br/>
501
    								</div>
502
									<div class="options">
5102 phani.kuma 503
    									<input type="radio" name="payment_option" value="1143" class="marginRight5px"/>
504
    									<span class="cctext">Indian Bank</span>
505
    									<div class="cclogo">
506
        									<h3>
507
        										<img width="154" height="30" src="/images/indian_bank.gif" valign="middle"/>
508
        									</h3>
509
        								</div>
510
    									<br/>
511
    								</div>
6209 kshitij.so 512
									<div class="options">
513
    									<input type="radio" name="payment_option" value="1148" class="marginRight5px"/>
514
    									<span class="cctext">Kotak Mahindra Bank</span>
515
    									<div class="cclogo kmb">
516
        									<h3>
517
        										<img width="154" height="30" src="/images/banks-kmb.gif" valign="middle"/>
518
        									</h3>
519
        								</div>
520
    									<br/>
521
    								</div>
7781 amit.gupta 522
									<div class="options">
523
    									<input type="radio" name="payment_option" value="1212" class="marginRight5px"/>
524
    									<span class="cctext">United Bank of India</span>
525
    									<div class="cclogo kmb">
526
        									<h3>
527
        										<img width="154" height="30" src="/images/banks-uboi.png" valign="middle"/>
528
        									</h3>
529
        								</div>
530
    									<br/>
531
    								</div>
532
									<div class="options">
533
    									<input type="radio" name="payment_option" value="1213" class="marginRight5px"/>
534
    									<span class="cctext">Indian Overseas Bank</span>
535
    									<div class="cclogo kmb">
536
        									<h3>
537
        										<img width="154" height="30" src="/images/banks-overseas.png" valign="middle"/>
538
        									</h3>
539
        								</div>
540
    									<br/>
541
    								</div>
3101 chandransh 542
    							</div>
543
							</div>
544
							<div style="clear:both"></div>
3830 chandransh 545
							<div style="text-align:center;">
546
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
547
								<br/><br/>
548
								<span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span>
3101 chandransh 549
							</div>
550
						</form>
551
                    </div>
552
					<div>
3830 chandransh 553
						<div class="center-text-bold12">Select Your Cash Card:</div><br/>
3101 chandransh 554
						<form id="cashSelection" name="cashSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('cashSelection')">
555
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
556
							<div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
3182 chandransh 557
								<div class="options">
558
									<input type="radio" name="payment_option" value="1132" class="marginRight5px"/>
3830 chandransh 559
									<span class="cctext">Done Card</span>
3182 chandransh 560
									<div class="cclogo">
561
    									<h3>
562
    										<img src="/images/cash-cards.gif" valign="middle"/>
563
    									</h3>
564
    								</div>
565
									<br/>
566
								</div>
567
								<div class="options">
568
									<input type="radio" name="payment_option" value="1134" class="marginRight5px"/>
3830 chandransh 569
									<span class="cctext">ICash</span>
3182 chandransh 570
									<div class="cclogo icash">
571
    									<h3>
572
    										<img src="/images/cash-cards.gif" valign="middle"/>
573
    									</h3>
574
    								</div>
575
									<br/>
576
								</div>
577
								<div class="options">
578
									<input type="radio" name="payment_option" value="1012" class="marginRight5px"/>
3830 chandransh 579
									<span class="cctext">ItzCash</span>
3182 chandransh 580
									<div class="cclogo itzcash">
581
    									<h3>
582
    										<img src="/images/cash-cards.gif" valign="middle"/>
583
    									</h3>
584
    								</div>
585
									<br/>
586
								</div>
3101 chandransh 587
							</div>
3830 chandransh 588
							<div style="text-align:center;">
589
    							<input type="submit" value="MAKE PAYMENT" class="make-payment-button"/>
590
								<br/><br/>
591
								<span class="center-text-bold13">You will be taken to our Bank&apos;s payment gateway for making this payment.</span>
3101 chandransh 592
							</div>
593
						</form>
594
                    </div>
7862 anupam.sin 595
					#end
596
					#if($action.isAmountZero() || $action.shouldShowCodOption() || $action.shouldShowStorePickUpOption())
3101 chandransh 597
					<div>
4656 phani.kuma 598
						<div class="center-text-bold12">Please enter the characters shown below:</div><br/>
5716 anupam.sin 599
						#if($action.shouldShowStorePickUpOption())
600
							#set($deliveryLocation = "HotSpot")
601
						#else
602
							#set($deliveryLocation = "myLocation")
603
						#end
3312 chandransh 604
						<form id="codSelection" name="codSelection" action="/order" method="post" onsubmit="return verifyCodSelectionForm('codSelection')">
3101 chandransh 605
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
7862 anupam.sin 606
							#if($action.isAmountZero())
607
								<input type="hidden" name="payment_option" id='payment_option' value="3001"/>
608
							#else
609
								<input type="hidden" name="payment_option" id='payment_option' value="3000"/>
610
							#end
5716 anupam.sin 611
							<input type="hidden" name="deliveryLocation" id="deliveryLocation" value="$deliveryLocation">
4609 phani.kuma 612
    						<div style="margin-left:250px; margin-top:10px ; margin-bottom:20px">
4613 phani.kuma 613
								<img src="/captcha" id="captchaImage" /><br/><br/>
4656 phani.kuma 614
								<input id="captcha_response_box" class="captcha_text_blur" type="text" name="captcha_response_field" autocomplete="off">
4613 phani.kuma 615
								<br/>Can't read the image? <a id="captchaanchor" style="cursor: pointer;" >Click here</a>.
3101 chandransh 616
    						</div>
4002 varun.gupt 617
							<div class="text-center">
3830 chandransh 618
    							<input type="submit" value="CONFIRM ORDER" class="make-payment-button"/>
619
								<br/><br/>
4002 varun.gupt 620
								<ul class="bold text-left" style="padding-left: 150px;">
7862 anupam.sin 621
								#if($action.shouldShowStorePickUpOption()&&!$action.isAmountZero())
4002 varun.gupt 622
									Please note:
5716 anupam.sin 623
									<li>You can pay using Cash, Credit Card or Debit Card when you pick up your consignment</li>
624
								#else
625
									Please note:
4002 varun.gupt 626
									<li>Cash on Delivery orders will take an extra day for shipment</li>
627
									<li>Only cash will be accepted for Cash on Delivery orders</li>
5716 anupam.sin 628
								#end
4002 varun.gupt 629
								</ul>
3101 chandransh 630
							</div>
631
						</form>
632
					</div>
633
					#end
634
                </div>
3830 chandransh 635
				<div class="payment-security-notice">
636
					<span class="noticetext">All the payments are secured by MasterCard SecureCode and Verified by Visa</span>
637
					<div class="noticelogo">
638
						<h3>
639
							<img src="/images/Icons_Security.png" valign="middle"/>
640
						</h3>
641
					</div>
642
					<div class="noticelogo vbv">
643
						<h3>
644
							<img src="/images/Icons_Security.png" valign="middle"/>
645
						</h3>
646
					</div>
647
				</div>
3101 chandransh 648
			  </div>
649
			</div>
650
		  </div>
651
 
652
		</div>
3830 chandransh 653
	</div>
654
</div>
655
 
656
#include("templates/footer.vm")
657
 
658
#include ( "templates/commonjsfiles.vm" )
659
<script language="javascript" type="text/javascript" src="/js/proceed-to-pay.js"></script>
6407 amit.gupta 660
<script language="javascript" type="text/javascript">
661
	emiOptions = $action.getJSONEmiSchemes();
8946 amit.gupta 662
	//EMI = {};
663
	//EMI.discounts = $action.getJSONEmiDiscountSchemes();
6407 amit.gupta 664
	banks = {};
6435 amit.gupta 665
	var first = true;
6954 amit.gupta 666
 
667
	var allBankImgs = {
668
		1:"/images/hdfc-icon.png",
669
		2:"/images/axis-icon.png",
670
	 	3:"/images/icici-icon.png",
671
	 	4:"/images/indusind-icon.png",
672
	 	5:"/images/citi-icon.png",
673
	 	6:"/images/std-chartered-icon.png",
674
	 	7:"/images/hsbc-icon.png",
675
	 	8:"/images/kotak-icon.png",
676
	 	9:"/images/sbi-icon.png",
677
	};
678
 
679
 
6407 amit.gupta 680
	jQuery.each(emiOptions, function(index, opt) {
681
		if(typeof banks[opt.bankId] == "undefined") {
682
			banks[opt.bankId] = {};
683
			banks[opt.bankId].name =  opt.bankName;
684
			banks[opt.bankId].emis =  {};
685
			banks[opt.bankId].active =  true;
6954 amit.gupta 686
			banks[opt.bankId].img = allBankImgs[opt.bankId];
6407 amit.gupta 687
		}
688
		var bank = banks[opt.bankId];
8946 amit.gupta 689
 
6407 amit.gupta 690
		var bankTenure = {};
691
		bankTenure.tenureDescription = opt.tenureDescription;
8946 amit.gupta 692
 
693
		var r = opt.interestRate/12/100;
694
		var installment = $action.getTotalAmountL()*r*Math.pow(1+r,opt.tenure)/(Math.pow(1+r,opt.tenure) - 1);
695
		bankTenure.interestRate = opt.interestRate;
696
		bankTenure.installment = (Math.round(installment*100)/100).toFixed(2);
697
		bankTenure.totalAmount = Math.ceil(installment*opt.tenure);
8948 amit.gupta 698
		bankTenure.totalInterest = bankTenure.totalAmount - $action.getTotalAmountL(); 
6736 amit.gupta 699
 
6407 amit.gupta 700
		bank.emis[opt.id] = bankTenure;
701
	});
702
 
703
</script>
3101 chandransh 704
</body>
3312 chandransh 705
</html>
3830 chandransh 706