Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
21987 kshitij.so 1
<style>
2
.row{
3
	margin:0 auto;
4
}
5
.modal-content{
6
		background : white;
7
	}
8
	.modelHeaderCustom{
9
		font-size:14px;
10
		font-weight:bold;
11
	}
12
	.border-highlight{
13
		border : 3px solid red;
14
	}
15
	hr{
16
		background-color:#007aff;
17
		border:none;
18
		height:1px;
19
		background:#007aff;
20
	}
21
	.control-label {
22
		margin-top: 0;
23
    	margin-bottom: 0;
24
    	padding-top: 7px;
25
    	font-weight:bold;
26
    	font-size:14px;
27
	}
28
	.form-group{
29
		border-bottom: 1px solid #eff2f7;
30
    	padding-bottom: 15px;
31
    	margin-bottom: 15px;
32
	}
33
	.right{
34
		float:right;
35
	}
36
	.form-control{
24440 amit.gupta 37
		color:#373737;
21987 kshitij.so 38
	}
22219 ashik.ali 39
.table-align-center{
40
	text-align:center;
21987 kshitij.so 41
}
42
</style>
22245 ashik.ali 43
 
44
<script type="text/javascript">
45
	var cartItemIndex = 0;
23821 amit.gupta 46
	accessoriesDeals = $accessoriesDeals;
26316 tejbeer 47
 
48
 
23181 ashik.ali 49
	$(function() {
26316 tejbeer 50
	 var date = new Date();
51
		var currentMonth = date.getMonth();
52
		var currentDate = date.getDate();
53
		var currentYear = date.getFullYear();
54
    	$('input[name="dateOfBirth"]').daterangepicker(
55
 
56
    	 {
26317 tejbeer 57
 
58
    	 maxDate: new Date(currentYear-18, currentMonth, currentDate),
59
         startDate: new Date(currentYear-18, currentMonth, currentDate),
60
 
26316 tejbeer 61
         singleDatePicker: true},
62
    	 dateRangeCallback);
63
 
64
    	$('input[name="dgmfgdate"]').daterangepicker({
65
            minDate: new Date(currentYear, currentMonth-6, currentDate),
66
			maxDate: new Date(currentYear, currentMonth, currentDate),
67
 
68
    	   singleDatePicker: true,
69
    	  },function (start, end) {
70
 
71
    		startMoment = start;
25813 amit.gupta 72
			mfgDate = start.format(moment.HTML5_FMT.DATETIME_LOCAL_SECONDS);
26316 tejbeer 73
 
25810 amit.gupta 74
		});
24440 amit.gupta 75
    	formLoaded();
23181 ashik.ali 76
	});
26669 tejbeer 77
	$(document).ready(function(){
78
	$("#mk_restore").trigger('click');
79
	});
22245 ashik.ali 80
</script>
81
 
21987 kshitij.so 82
<section class="wrapper">
83
<div class="row">
84
		<div class="col-lg-12">
85
			<h3 class="page-header"><i class="icon_table"></i>Order</h3>
86
			<ol class="breadcrumb">
22116 amit.gupta 87
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
21987 kshitij.so 88
				<li><i class="icon_table"></i>ORDER</li>						  	
89
			</ol>
90
		</div>
91
</div>
92
<form id="cd">
22245 ashik.ali 93
 
24440 amit.gupta 94
<div id="order-details" style="padding:10px">
95
#if($cartItems.size()==0)
21987 kshitij.so 96
	<div class="card row"
97
		<p>Your Cart is Empty.</p>	
98
	</div>
99
#else
24440 amit.gupta 100
<div class = "row">
101
	<div class="table-responsive col-lg-8" style="background-color:white">
26810 amit.gupta 102
		<div class="row">
103
			<h4 class="modelHeaderCustom" style="font-size:22px;">Product Information</h4>
104
	  		<table id="order-items" class="table table-condensed">
105
	    		<tr>
106
	    			<th style="width:25%">Description</th>
107
	    			<th style="width:10%">Quantity</th>
108
	    			<th style="width:15%">Serial Number</th>
109
	    			<th style="width:12%">Unit Price</th>
110
	    			<th style="width:15%">Mobile Insurance</th>
111
	    			<!--<th><h4 class="grnProductInfo modelHeaderCustom table-align-center">Discount</h4></th>-->
112
	    			<th style="width:12%">Total Price</th>
113
	    		</tr>
114
 
115
	    		#foreach ($cartItem in $cartItems)
116
	    			#set($mrp="MRP")
117
	    			#if($mopPriceMap.get($cartItem.getItemId()).getMrp()!=0)
118
		    			#set($mrp="$mopPriceMap.get($cartItem.getItemId()).getMrp()(MRP)")
119
	    			#end
120
 
121
					#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPrice() - $mrp")
122
					#set($dp = $mopPriceMap.get($cartItem.getItemId()).getPurchasePrice())
123
					#if($accessoriesDeals && $cartItem.getItemType() =="NON_SERIALIZED")
124
						#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPurchasePrice()(DP) - $mopPriceMap.get($cartItem.getItemId()).getPrice()(MOP) - $mrp")
125
					#end
126
					#if($cartItem.getItemType() =="SERIALIZED")
127
						#set($start = 1)
128
						#set($end   = $cartItem.getQuantity())
129
						#set($range = [$start..$end])
130
 
131
						#foreach ($index in $range)
132
							<tr>
133
								<td>$cartItem.getDisplayName()</td>
134
	    						<td class = "table-align-center">1</td>
135
								<td class = "table-align-center">
136
									<input readonly type="text" itemId="$cartItem.getItemId()" itemType="$cartItem.getItemType()" name="serialNumber" class="serialNumber input-sm form-control">
137
								</td>
138
								<td class = "table-align-center">
139
									<input type="number" class="unitPrice form-control input-sm" name="unitPrice" quantity="1" itemId="$cartItem.getItemId()" 
140
									mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" dp="$dp" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder">
141
								</td>
142
								<td class = "table-align-center">
143
		    						<div class="input-group">
144
	    								<input type="number" itemId="$cartItem.getItemId()" value = "0" name="insuranceamount" class="insuranceamount form-control input-sm" readonly>
145
	    								<input type="hidden" itemId="$cartItem.getItemId()" value = "0" name="insuranceid" class="insuranceid">
146
	    								<input type="hidden" itemId="$cartItem.getItemId()" name="ram" class="ram">
147
	    								<input type="hidden" itemId="$cartItem.getItemId()"  name="memory" class="memory">
148
	    								<input type="hidden" itemId="$cartItem.getItemId()"  name="mfgdate" class="mfgdate">
149
				    					<div class="input-group-btn">
150
					    					<button type="button" class="btn btn-sm btn-default mk_check_plans" 
151
					    							data-mop="$mopPriceMap.get($cartItem.getItemId()).getPrice()">
152
					    						Check Plans
153
					    					</button>
154
			    						</div>
155
			    					</div>
156
		    					</td>
157
								<td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm  form-control" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
158
							</tr>
159
						#end
160
					#else
24440 amit.gupta 161
						<tr>
162
							<td>$cartItem.getDisplayName()</td>
26810 amit.gupta 163
							<td class = "table-align-center">$cartItem.getQuantity()</td>
164
							<td class = "table-align-center"><div class="input-group"><input type="text" itemId="$cartItem.getItemId()" name="serialNumber" itemType="$cartItem.getItemType()" class="serialNumber form-control input-sm" readonly></div></td>
24440 amit.gupta 165
							<td class = "table-align-center">
26810 amit.gupta 166
								<input type="number" class="unitPrice input-sm form-control" dp="$dp" name="unitPrice" quantity="$cartItem.getQuantity()" itemId="$cartItem.getItemId()" 
167
									mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder" />
24440 amit.gupta 168
							</td>
26810 amit.gupta 169
							<td>Not Applicable</td>
170
							<td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm form-control" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
24440 amit.gupta 171
						</tr>
26810 amit.gupta 172
	    			#end
173
	    		#end
174
	  		</table>
175
	  	</div>
176
  		<div class="row">
177
  			<div class="row">
178
  				<div class="col-lg-3">
179
					<h4 class="modelHeaderCustom" style="font-size:22px;">Customer Information
180
					#if (${isDev})
181
						<small><a href="javascript:void(0);"  id="mk_restore">(Restore Previous)</a></small>
23821 amit.gupta 182
					#end
26810 amit.gupta 183
					</h4>
24440 amit.gupta 184
				</div>
26810 amit.gupta 185
				<div class="col-lg-3" style="margin-top:15px"> 
186
					<input placeholder="Search Mobile" type="number" name="mobile" class="form-control search-phone input-sm">
24440 amit.gupta 187
				</div>
26810 amit.gupta 188
			</div>
189
			<div class="row customerinfo">
24440 amit.gupta 190
				<div class="col-lg-2 form-group">
26810 amit.gupta 191
					<input placeholder="Mobile Number" type="number" name="mobile" class="form-control phone input-sm" readonly>
24440 amit.gupta 192
				</div>
193
				<div class="col-lg-3 form-group">
26810 amit.gupta 194
				   	<input placeholder="First Name" name="firstName" type="text" value="" class="form-control input-sm firstName">
24440 amit.gupta 195
				</div>
196
				<div class="col-lg-3 form-group">
26810 amit.gupta 197
				   	<input placeholder="Last Name" name="lastName" type="text" value="" class="form-control input-sm lastName">
24440 amit.gupta 198
				</div>
199
				<div class="col-lg-2 form-group">
26810 amit.gupta 200
				   	<input id="emailId" name="emailId" type="text" value="" class="form-control input-sm" placeholder="Email(xyz@gmail.com)">
24440 amit.gupta 201
				</div>
202
				<div class="col-lg-2 form-group">
26810 amit.gupta 203
				   	<button type="button" class="btn btn-block btn-primary mk_add_customer" style="display:none">Add customer</button>
24440 amit.gupta 204
				</div>
26810 amit.gupta 205
  			</div>
206
  		</div>
207
  		<div class="row billinginfo" style="display:none">
208
  			<div class="row">
209
  				<div class="col-lg-3">
210
					<h4 class="modelHeaderCustom" style="font-size:22px;">Billing Address</h4>
211
				</div>
212
				<div class="col-lg-3">
213
					<button type="button" class="btn btn-block btn-primary new-address-btn">New Address</button>
214
				</div>
22245 ashik.ali 215
			</div>
24440 amit.gupta 216
			<div class = "row">
217
				<div class="col-lg-3 form-group">
26810 amit.gupta 218
					<input placeholder="GST Number" id="gstNumber" name="gstNumber" type="text"  value="" class="form-control input-sm">
24440 amit.gupta 219
				</div>
26810 amit.gupta 220
			</div>
221
			<div class="row" id="customer-address">
222
				<table class="table table-bordered">
223
					<thead>
224
						<tr>
225
							<th>Name</th>
226
							<th>Address Lines</th>
227
							<th>City</th>
228
							<th>State</th>
229
							<th>Pin</th>
230
							<th>Mobile</th>
231
							<th>Action</th>
232
						</tr>
233
					</thead>
234
					<tbody id="address-body">
235
					</tbody>
236
				</table>
237
			</div>
238
		</div>
239
  		<div>
240
  			<div class="row">
241
				<h4 class="modelHeaderCustom" style="font-size:22px;">Insurance Informartion</h4>
242
			</div>
243
		</div>
244
  			<div class="row" style="display:none" id="customer-address">
245
			</div>  			
246
  			<div class="row" style="display:none" id="billing-details">
247
 
248
		     	<div class="row mk_insurance_row" style="display:none">
249
 
250
					<div class="col-lg-3 form-group">
251
					 <label for="gender">Gender</label>
252
						<select class="form-control input-sm" id="gender" name ="gender" placeholder="Gender">
253
							<option value="" disabled selected>Gender</option>
254
							<option value="1" selected>Male</option>
255
							<option value="2" selected>Female</option>
256
		                </select>
257
					</div>
258
					<div class="col-lg-3 form-group">
259
					 <label for="dateOfBirth">Date Of Birth</label>
260
						<input placeholder = "Date Of Birth" id="dateOfBirth" name="dateOfBirth" type="text" value="" class="form-control">
261
					</div>
24440 amit.gupta 262
				</div>
26810 amit.gupta 263
  			</div>
22245 ashik.ali 264
     	</div>
26810 amit.gupta 265
     	<div class="col-lg-4 row">
24440 amit.gupta 266
		<div class="col-lg-1"></div>
24475 amit.gupta 267
		<div id="payment-details" style="background:white;background-color:white;" class="col-lg-10">
24440 amit.gupta 268
			<h4 class="modelHeaderCustom" style="font-size:22px;">Payment Details</h4>
269
			<div class="row">
24475 amit.gupta 270
				<div class="col-lg-7">
24440 amit.gupta 271
					<h4>Total Amount :</h4>
272
				</div>
24475 amit.gupta 273
				<div class="col-lg-5">
24440 amit.gupta 274
					<input type="number" class="netPayableAmount form-control input-sm" name="" value="0" readonly>
275
				</div>
21987 kshitij.so 276
			</div>
24440 amit.gupta 277
			<div id="payment-option-id-amount-container" paymentOptionSize = $paymentOptions.size()>
278
			#set($a = 0)
279
			#set($b = $paymentOptions.size() - 1)
280
			#set($range = [$a..$b])
281
 
282
			#foreach($index in $range)
283
			<div class="row">
284
				#set($paymentOption = $paymentOptions[$index])
24475 amit.gupta 285
				<div class="col-lg-7">
24440 amit.gupta 286
					<h4>$paymentOption.getName() :</h4>
287
				</div>
24475 amit.gupta 288
				<div class="col-lg-5">
24440 amit.gupta 289
					<input type="number" id="paymentOptionIdAmount${index}" name="paymentOptionIdAmount${index}" 
290
					class="form-control paymentOptionAmount amount input-sm" value="0" paymentOptionId="$paymentOption.getId()">
291
				</div>
21987 kshitij.so 292
			</div>
24440 amit.gupta 293
			#end
23434 ashik.ali 294
			</div>
23367 ashik.ali 295
			<div class="row">
24440 amit.gupta 296
				<div class="form-group col-lg-10">
297
					<button class="btn btn-block btn-primary order-checkout" type="submit">Create Order</button>	
23353 ashik.ali 298
				</div>
21987 kshitij.so 299
			</div>
300
		</div>
301
	</div>
26810 amit.gupta 302
	</div>
21987 kshitij.so 303
</div>
24440 amit.gupta 304
#end
305
</div>
21987 kshitij.so 306
</form>
23347 ashik.ali 307
</section>
26316 tejbeer 308
<div class="modal modal-lg row" id="mobilePlansModal" tabindex="-1" role="dialog">
24440 amit.gupta 309
  <div class="modal-dialog modal-lg" role="document">
310
    <div class="modal-content">
311
      <div class="modal-header">
312
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
313
        <h4 class="modal-title">Choose from plans</h4>
314
      </div>
315
      <div class="modal-body">
25776 amit.gupta 316
      	<div class="row itemdetails">
317
      		<div class="row col-lg-3">
318
				<div class="col-lg-6">
25778 amit.gupta 319
					<h4>*Ram(GB):</h4>
25776 amit.gupta 320
				</div>
25778 amit.gupta 321
				<div class="col-lg-6 form-group">
322
					<input type="number" class="dgram form-control input-sm" name="ram" value="0">
323
				</div>
324
			</div>
325
      		<div class="row col-lg-4">
25776 amit.gupta 326
				<div class="col-lg-6">
25778 amit.gupta 327
					<h4>*Memory(GB):</h4>
25776 amit.gupta 328
				</div>
25778 amit.gupta 329
				<div class="col-lg-5 form-group">
330
					<input type="number" class="dgmemory form-control input-sm" name="memory" value="0">
331
				</div>
25776 amit.gupta 332
			</div>
25778 amit.gupta 333
			<div class="col-lg-4">
334
				<div class="col-lg-3">
335
					<h4>*Mfg Date:</h4>
25776 amit.gupta 336
				</div>
25778 amit.gupta 337
				<div class="col-lg-6 form-group">
338
					<input placeholder = "Mfg Date" id="dgmfgdate" name="dgmfgdate" type="text" value="" class="form-control input-sm dgmfgdate" >
25776 amit.gupta 339
				</div>
340
			</div>
341
      	</div>
342
      	<div class="row insurancedetails">
343
      	</div> 
24440 amit.gupta 344
	  </div>
345
    </div>
346
  </div>
347
</div>
26810 amit.gupta 348
 
349
<div class="modal modal-lg row" id="newaddressModal" tabindex="-1" role="dialog">
350
	<div class="modal-dialog modal-lg" role="document">
351
		<div class="modal-content">
352
			<div class="modal-header">
353
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
354
		        <h4 class="modal-title">New Address</h4>
355
      		</div>
356
			<div class="modal-body" id="newaddress">
357
		      	<div class = "row">
358
					<div class="col-lg-4 form-group">
359
					   	<input placeholder="First Name" id="firstName" name="firstName" type="text" value="" class="form-control input-sm">
360
					</div>
361
					<div class="col-lg-4 form-group">
362
					   	<input placeholder="Last Name" id="lastName" name="lastName" type="text" value="" class="form-control input-sm">
363
					</div>
364
					<div class="col-lg-4 form-group">
365
						<input placeholder="Mobile Number" id="alternatePhone" name="alternatePhone" type="text"  value="" class="form-control input-sm">
366
					</div>
367
				</div>
368
				<div class = "row">
369
					<div class="col-lg-4 form-group">
370
					 	<input placeholder="Address Line 1" id="line1" name="line1" type="text" size="50" value="" class="form-control input-sm">
371
					</div>
372
					<div class="col-lg-4 form-group">
373
						<input placeholder="Address Line 2" id="line2" name="line2" type="text" value="" class="form-control input-sm">
374
					</div>
375
					<div class="col-lg-4 form-group">
376
						<input placeholder="Landmark" id="landmark" name="landmark" type="text" value="" class="form-control input-sm">
377
					</div>
378
				</div>
379
				<div class = "row">
380
					<div class="col-lg-3 form-group">
381
						<input placeholder="Pin Code" id="pinCode" name="pinCode" type="number" value="" class="form-control input-sm">
382
					</div>
383
					<div class="col-lg-3 form-group">
384
						<input placeholder="City" id="city" name="city" type="text" value="" class="form-control input-sm">
385
					</div>
386
					<div class="col-lg-3 form-group">
387
						<select class="form-control input-sm" id = "state" name = "state" placeholder="State">
388
							<option value="" disabled selected>State</option>
389
							#foreach($stateName in $stateNames)
390
								#if($retailerStateName == $stateName)
391
									<option value="$stateName" selected>$stateName</option>
392
								#else
393
									<option value="$stateName">$stateName</option>
394
								#end
395
							#end
396
 
397
			            </select>
398
					</div>
399
			 	</div>
400
			</div>
401
			<div class="modal-footer">
402
				<button type="button" class="btn btn-primary btn-add-address">Add Address</button>
403
			</div>
404
		</div>
405
	</div>
406
</div>