Subversion Repositories SmartDukaan

Rev

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