Subversion Repositories SmartDukaan

Rev

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