Subversion Repositories SmartDukaan

Rev

Rev 3163 | Rev 3275 | 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>
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
     #include ( "templates/commoncssfiles.vm" )  
12
</head>
13
 
14
<body>
15
	<noscript>
16
	  <p id="noScript">Please allow <em>Javascript</em> in order to function this website correctly!</p>
17
	</noscript>
18
 
19
	$action.getHeaderSnippet()			
20
     <!-- Wrapper start -->
21
	<div id="main">
22
		#include("templates/mainmenu.vm")
23
		$action.getSearchBarSnippet()
24
 
25
		<!-- wrapper-->
26
		<div id="wrapper">
27
    		<div id="productDetail">
28
              <div class="top">
29
                <div class="left">
30
                  <div class="right"> &nbsp; </div>
31
                </div>
32
              </div>
33
              <div class="middle">
34
                <div class="content">
35
                 	<ul id="midtop-leftNav">
36
                    	<li><a href="/cart" class="visited"><span class="cart">Cart Checkout</span></a></li>
37
                        <li>|</li>
38
                    	<li><a href="/shipping" class="visited"><span class="shipping">My Shipping Details</span></a></li>
39
                        <li>|</li>
40
                        <li><a class="current"><span class="payment">Payment</span></a></li>	
41
                    </ul>
42
                  <div class="clearBoth"></div>
43
                </div>
44
              </div>
45
              <div class="bottom">
46
                <div class="left">
47
                  <div class="right"> &nbsp; </div>
48
                </div>
49
              </div>
50
            </div>
51
        </div>
52
		<!-- /wrapper-->
53
 
54
		<!-- sidebar-->
55
		<div id="sidebar">
56
			#include("templates/customerservice.vm")
57
		</div>
58
		<div class="clearBoth"></div>
59
		<!-- /sidebar-->
60
 
61
		<div id="registration">
62
          <div class="top">
63
            <div class="left">
64
              <div class="right"> &nbsp; </div>
65
            </div>
66
          </div>
67
          <div class="middle">
68
            <div class="mid-inner">
69
 
70
              <!-- Block 1 -->
71
              <div class="padding-top17">
72
				#set($errorMsg=$action.getErrorMsg())
73
				#if(!$errorMsg.isEmpty())
74
                <div id="messageError">
75
                    <span></span>
76
                    <p>
77
                        $errorMsg <br/>
78
                    </p>
79
                </div>
80
				#end
81
 
82
				#set($adrressId=$action.getAddressId())
83
				#set($orderAmount=$action.getTotalAmount())
84
				<div id="vtab">
85
                    <ul>
86
                        <li>Credit Cards</li>
87
                        <li>Debit/ATM Cards</li>
88
                        <li>Net Banking</li>
89
        				<li>Cash Cards</li>
90
						#if($action.shouldShowCodOption())
91
        				<li>Cash On Delivery</li>
92
						#end
93
                    </ul>
94
                    <div>
95
                        <div class="heading">
96
							<span style="float:left"><h4>Credit Cards</h4></span>
97
							<span style="float:right"><h4>Total Amount: Rs. $orderAmount</h4></span>
98
						</div>
99
 
100
						<br/>
101
						<form id="ccSelection" name="ccSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('ccSelection')">
102
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
103
							<h4>Cards Issued in India</h4>
104
							<div style="margin-left:100px; margin-top:10px">
3163 chandransh 105
								<div class="options">
106
                                    <input type="radio" name="payment_option" value="2008" class="marginRight5px"/>
107
    								<span style="float:left">Visa</span>
108
    								<div class="cclogo">
109
    									<h3>
3182 chandransh 110
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 111
    									</h3>
112
    								</div><br/>
113
								</div>
114
								<div class="options">
115
									<input type="radio" name="payment_option" value="2017" class="marginRight5px"/>
116
									<span style="float:left">MasterCard</span>
117
									<div class="cclogo master">
118
    									<h3>
3182 chandransh 119
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 120
    									</h3>
121
    								</div>
122
									<br/>
123
								</div>
124
								<div class="options">
125
									<input type="radio" name="payment_option" value="1010" class="marginRight5px"/>
126
									<span style="float:left">Diners Club</span>
127
									<div class="cclogo diners">
128
    									<h3>
3182 chandransh 129
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 130
    									</h3>
131
    								</div>
132
									<br/>
133
								</div>
134
								<br/>
3101 chandransh 135
							</div>
136
    						<h4>Cards Issued outside India</h4>
137
							<div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
3163 chandransh 138
								<div class="options">
139
                                    <input type="radio" name="payment_option" value="1008" class="marginRight5px"/>
140
    								<span style="float:left">Visa</span>
141
    								<div class="cclogo">
142
    									<h3>
3182 chandransh 143
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 144
    									</h3>
145
    								</div><br/>
146
								</div>
147
								<div class="options">
148
									<input type="radio" name="payment_option" value="1017" class="marginRight5px"/>
149
									<span style="float:left">MasterCard</span>
150
									<div class="cclogo master">
151
    									<h3>
3182 chandransh 152
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 153
    									</h3>
154
    								</div>
155
									<br/>
156
								</div>
157
								<div class="options">
158
									<input type="radio" name="payment_option" value="1010" class="marginRight5px"/>
159
									<span style="float:left">Diners Club</span>
160
									<div class="cclogo diners">
161
    									<h3>
3182 chandransh 162
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 163
    									</h3>
164
    								</div>
165
									<br/>
166
								</div>
3101 chandransh 167
							</div>
168
							<div style="padding-left:150px;">
169
    							<div class="bigImgButton yellow-image" style="text-align:center; ">
170
    								<input type="submit" value="Proceed to Pay" class="button"/>
171
    							</div>
172
							</div>
173
						</form>
174
                    </div>
175
                    <div>
176
						<div class="heading">
177
							<span style="float:left"><h4>Debit and ATM Cards</h4></span>
178
							<span style="float:right"><h4>Total Amount: Rs. $orderAmount</h4></span>
179
						</div>
180
						<br/>
181
						<form id="atmSelection" name="atmSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('atmSelection')">
182
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
183
							<div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
3163 chandransh 184
        						<div class="options">
185
                                    <input type="radio" name="payment_option" value="2000" class="marginRight5px"/>
186
    								<span style="float:left">Visa / Visa Electron Cards</span>
187
    								<div class="cclogo">
188
    									<h3>
3182 chandransh 189
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 190
    									</h3>
191
    								</div>
3182 chandransh 192
									<div class="cclogo electron">
193
    									<h3>
194
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
195
    									</h3>
196
    								</div>
3163 chandransh 197
									<br/>
198
								</div>
199
								<div class="options">
3182 chandransh 200
									<input type="radio" name="payment_option" value="2017" class="marginRight5px"/>
201
									<span style="float:left">MasterCard</span>
202
									<div class="cclogo master">
203
    									<h3>
204
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
205
    									</h3>
206
    								</div>
207
									<br/>
208
								</div>
209
								<div class="options">
3163 chandransh 210
									<input type="radio" name="payment_option" value="1009" class="marginRight5px"/>
211
									<span style="float:left">Maestro Card (CitiBank only)</span>
212
									<div class="cclogo maestro">
213
    									<h3>
3182 chandransh 214
    										<img src="/images/cc-logos-1.gif" valign="middle"/>
3163 chandransh 215
    									</h3>
216
    								</div>
217
									<br/>
218
								</div>
219
 
3101 chandransh 220
        						#if($action.shouldShowEbsTestGateway())
3163 chandransh 221
								<div class="options">
222
									<input type="radio" name="payment_option" value="1001" class="marginRight5px"/>
223
									<span style="float:left">EBS - Test Payment</span>
224
									<br/>
225
								</div>
3101 chandransh 226
    							#end
227
							</div>
228
							<div style="padding-left:150px;">
229
    							<div class="bigImgButton yellow-image" style="text-align:center; ">
230
    								<input type="submit" value="Proceed to Pay" class="button"/>
231
    							</div>
232
							</div>
233
						</form>
234
                    </div>
235
                    <div>
236
   						<div class="heading">
237
							<span style="float:left"><h4>Net Banking</h4></span>
238
							<span style="float:right"><h4>Total Amount: Rs. $orderAmount</h4></span>
239
						</div>
240
						<br/>
241
						We will redirect you to the bank you choose below.<br/>
242
						<form id="bankSelection" name="bankSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('bankSelection')">
243
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
244
							<div>
3182 chandransh 245
    							<div style="padding-left:60px; margin-top:10px; margin-bottom:20px; float:left;">
246
    								<div class="options">
247
    									<input type="radio" name="payment_option" value="1004" class="marginRight5px"/>
248
    									<span style="float:left">AXIS Bank</span>
249
    									<div class="cclogo">
250
        									<h3>
251
        										<img src="/images/banks-sprite.gif" valign="middle"/>
252
        									</h3>
253
        								</div>
254
    									<br/>
255
    								</div>
256
									<div class="options">
257
    									<input type="radio" name="payment_option" value="1127" class="marginRight5px"/>
258
    									<span style="float:left">Citi Bank</span>
259
    									<div class="cclogo citibank">
260
        									<h3>
261
        										<img src="/images/banks-sprite.gif" valign="middle"/>
262
        									</h3>
263
        								</div>
264
    									<br/>
265
    								</div>
266
									<div class="options">
267
    									<input type="radio" name="payment_option" value="1135" class="marginRight5px"/>
268
    									<span style="float:left">Corportation Bank</span>
269
    									<div class="cclogo corporationbank">
270
        									<h3>
271
        										<img src="/images/banks-sprite.gif" valign="middle"/>
272
        									</h3>
273
        								</div>
274
    									<br/>
275
    								</div>
276
									<div class="options">
277
    									<input type="radio" name="payment_option" value="1029" class="marginRight5px"/>
278
    									<span style="float:left">Federal Bank</span>
279
    									<div class="cclogo federalbank">
280
        									<h3>
281
        										<img src="/images/banks-sprite.gif" valign="middle"/>
282
        									</h3>
283
        								</div>
284
    									<br/>
285
    								</div>
286
									<div class="options">
287
    									<input type="radio" name="payment_option" value="1007" class="marginRight5px"/>
288
    									<span style="float:left">HDFC Bank</span>
289
    									<div class="cclogo hdfcbank">
290
        									<h3>
291
        										<img src="/images/banks-sprite.gif" valign="middle"/>
292
        									</h3>
293
        								</div>
294
    									<br/>
295
    								</div>
296
									<div class="options">
297
    									<input type="radio" name="payment_option" value="1016" class="marginRight5px"/>
298
    									<span style="float:left">ICICI Bank</span>
299
    									<div class="cclogo icicibank">
300
        									<h3>
301
        										<img src="/images/banks-sprite.gif" valign="middle"/>
302
        									</h3>
303
        								</div>
304
    									<br/>
305
    								</div>
3101 chandransh 306
    							</div>
3182 chandransh 307
    							<div style="padding-right:40px; margin-top:10px; margin-bottom:20px; float:right;">
308
									<div class="options">
309
    									<input type="radio" name="payment_option" value="1015" class="marginRight5px"/>
310
    									<span style="float:left">JK Bank</span>
311
    									<div class="cclogo jkbank">
312
        									<h3>
313
        										<img src="/images/banks-sprite.gif" valign="middle"/>
314
        									</h3>
315
        								</div>
316
    									<br/>
317
    								</div>
318
									<div class="options">
319
    									<input type="radio" name="payment_option" value="1133" class="marginRight5px"/>
320
    									<span style="float:left">Karnatka Bank</span>
321
    									<div class="cclogo karnatkabank">
322
        									<h3>
323
        										<img src="/images/banks-sprite.gif" valign="middle"/>
324
        									</h3>
325
        								</div>
326
    									<br/>
327
    								</div>
328
									<div class="options">
329
    									<input type="radio" name="payment_option" value="1032" class="marginRight5px"/>
330
    									<span style="float:left">State Bank of India</span>
331
    									<div class="cclogo sbi">
332
        									<h3>
333
        										<img src="/images/banks-sprite.gif" valign="middle"/>
334
        									</h3>
335
        								</div>
336
    									<br/>
337
    								</div>
338
									<div class="options">
339
    									<input type="radio" name="payment_option" value="1034" class="marginRight5px"/>
340
    									<span style="float:left">State Bank of Hyderabad</span>
341
    									<div class="cclogo sbh">
342
        									<h3>
343
        										<img src="/images/banks-sprite.gif" valign="middle"/>
344
        									</h3>
345
        								</div>
346
    									<br/>
347
    								</div>
348
									<div class="options">
349
    									<input type="radio" name="payment_option" value="1038" class="marginRight5px"/>
350
    									<span style="float:left">State Bank of Mysore</span>
351
    									<div class="cclogo sbm">
352
        									<h3>
353
        										<img src="/images/banks-sprite.gif" valign="middle"/>
354
        									</h3>
355
        								</div>
356
    									<br/>
357
    								</div>
3101 chandransh 358
    							</div>
359
							</div>
360
							<div style="clear:both"></div>
361
							<div style="padding-left:250px;">
362
    							<div class="bigImgButton yellow-image" style="text-align:center; ">
363
    								<input type="submit" value="Proceed to Pay" class="button"/>
364
    							</div>
365
							</div>
366
						</form>
367
                    </div>
368
					<div>
369
						<div class="heading">
370
							<span style="float:left"><h4>Cash Cards</h4></span>
371
							<span style="float:right"><h4>Total Amount: Rs. $orderAmount</h4></span>
372
						</div>
373
						<br/>
374
						<form id="cashSelection" name="cashSelection" action="/order" method="post" onsubmit="return verifyPaymentModeSelectionForm('cashSelection')">
375
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
376
							<div style="margin-left:100px; margin-top:10px; margin-bottom:20px">
3182 chandransh 377
								<div class="options">
378
									<input type="radio" name="payment_option" value="1132" class="marginRight5px"/>
379
									<span style="float:left">Done Card</span>
380
									<div class="cclogo">
381
    									<h3>
382
    										<img src="/images/cash-cards.gif" valign="middle"/>
383
    									</h3>
384
    								</div>
385
									<br/>
386
								</div>
387
								<div class="options">
388
									<input type="radio" name="payment_option" value="1134" class="marginRight5px"/>
389
									<span style="float:left">ICash</span>
390
									<div class="cclogo icash">
391
    									<h3>
392
    										<img src="/images/cash-cards.gif" valign="middle"/>
393
    									</h3>
394
    								</div>
395
									<br/>
396
								</div>
397
								<div class="options">
398
									<input type="radio" name="payment_option" value="1012" class="marginRight5px"/>
399
									<span style="float:left">ItzCash</span>
400
									<div class="cclogo itzcash">
401
    									<h3>
402
    										<img src="/images/cash-cards.gif" valign="middle"/>
403
    									</h3>
404
    								</div>
405
									<br/>
406
								</div>
3101 chandransh 407
							</div>
408
							<div style="padding-left:150px;">
409
    							<div class="bigImgButton yellow-image" style="text-align:center; ">
410
    								<input type="submit" value="Proceed to Pay" class="button"/>
411
    							</div>
412
							</div>
413
						</form>
414
                    </div>
415
					#if($action.shouldShowCodOption())
416
					<div>
417
 
418
						<div class="heading">
419
							<span style="float:left"><h4>Cash on Delivery</h4></span>
420
							<span style="float:right"><h4>Total Amount: Rs. $orderAmount</h4></span>
421
						</div>
422
						<br/>
423
						<script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
424
						Please enter the words shown below and click on the Confirm Order button below:<br/>
425
						<form id="codSelection" name="codSelection" action="/order" method="post">
426
							<input type="hidden" name="addressid" id="addressid" value="$adrressId"/>
427
							<input type="hidden" name="payment_option" id='payment_option' value="3000"/>
428
    						<div id="recaptchaDiv" style="margin-left:100px; margin-top:10px ; margin-bottom:20px">
429
    						</div>
430
    						<script type="text/javascript">
431
    						    Recaptcha.create("$action.getPublicKey()", 'recaptchaDiv', {
432
    	        					theme: "clean"
433
    							});
434
    						</script>
435
							<div style="padding-left:200px;">
436
    							<div class="bigImgButton yellow-image" style="text-align:center; ">
437
    								<input type="submit" value="Confirm Order" class="button"/>
438
    							</div>
439
							</div>
440
						</form>
441
					</div>
442
					#end
443
                </div>
444
			  </div>
445
			</div>
446
		  </div>
447
 
448
		  <div class="bottom">
449
			<div class="left">
450
				<div class="right"> &nbsp; </div>
451
			</div>
452
		  </div>
453
		</div>
454
    </div><!-- /main -->
455
 
456
	#include("templates/footer.vm")
457
 
458
	#include ("templates/commonjsfiles.vm")
459
	<script language="javascript" type="text/javascript" src="/js/proceed-to-pay.js"></script>
460
</body>
461
</html>