Subversion Repositories SmartDukaan

Rev

Rev 26810 | Rev 26828 | 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">
26817 amit.gupta 194
				   	<input id="emailId" name="emailId" type="email" value="" class="form-control input-sm" 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>
238
  			<div class="row" style="display:none" id="customer-address">
239
			</div>  			
240
  			<div class="row" style="display:none" id="billing-details">
241
 
242
		     	<div class="row mk_insurance_row" style="display:none">
243
 
244
					<div class="col-lg-3 form-group">
245
					 <label for="gender">Gender</label>
246
						<select class="form-control input-sm" id="gender" name ="gender" placeholder="Gender">
247
							<option value="" disabled selected>Gender</option>
248
							<option value="1" selected>Male</option>
249
							<option value="2" selected>Female</option>
250
		                </select>
251
					</div>
252
					<div class="col-lg-3 form-group">
253
					 <label for="dateOfBirth">Date Of Birth</label>
254
						<input placeholder = "Date Of Birth" id="dateOfBirth" name="dateOfBirth" type="text" value="" class="form-control">
255
					</div>
24440 amit.gupta 256
				</div>
26810 amit.gupta 257
  			</div>
22245 ashik.ali 258
     	</div>
26810 amit.gupta 259
     	<div class="col-lg-4 row">
24440 amit.gupta 260
		<div class="col-lg-1"></div>
24475 amit.gupta 261
		<div id="payment-details" style="background:white;background-color:white;" class="col-lg-10">
24440 amit.gupta 262
			<h4 class="modelHeaderCustom" style="font-size:22px;">Payment Details</h4>
263
			<div class="row">
24475 amit.gupta 264
				<div class="col-lg-7">
24440 amit.gupta 265
					<h4>Total Amount :</h4>
266
				</div>
24475 amit.gupta 267
				<div class="col-lg-5">
24440 amit.gupta 268
					<input type="number" class="netPayableAmount form-control input-sm" name="" value="0" readonly>
269
				</div>
21987 kshitij.so 270
			</div>
24440 amit.gupta 271
			<div id="payment-option-id-amount-container" paymentOptionSize = $paymentOptions.size()>
272
			#set($a = 0)
273
			#set($b = $paymentOptions.size() - 1)
274
			#set($range = [$a..$b])
275
 
276
			#foreach($index in $range)
277
			<div class="row">
278
				#set($paymentOption = $paymentOptions[$index])
24475 amit.gupta 279
				<div class="col-lg-7">
24440 amit.gupta 280
					<h4>$paymentOption.getName() :</h4>
281
				</div>
24475 amit.gupta 282
				<div class="col-lg-5">
24440 amit.gupta 283
					<input type="number" id="paymentOptionIdAmount${index}" name="paymentOptionIdAmount${index}" 
284
					class="form-control paymentOptionAmount amount input-sm" value="0" paymentOptionId="$paymentOption.getId()">
285
				</div>
21987 kshitij.so 286
			</div>
24440 amit.gupta 287
			#end
23434 ashik.ali 288
			</div>
23367 ashik.ali 289
			<div class="row">
24440 amit.gupta 290
				<div class="form-group col-lg-10">
291
					<button class="btn btn-block btn-primary order-checkout" type="submit">Create Order</button>	
23353 ashik.ali 292
				</div>
21987 kshitij.so 293
			</div>
294
		</div>
295
	</div>
26810 amit.gupta 296
	</div>
21987 kshitij.so 297
</div>
24440 amit.gupta 298
#end
299
</div>
21987 kshitij.so 300
</form>
23347 ashik.ali 301
</section>
26316 tejbeer 302
<div class="modal modal-lg row" id="mobilePlansModal" tabindex="-1" role="dialog">
24440 amit.gupta 303
  <div class="modal-dialog modal-lg" role="document">
304
    <div class="modal-content">
305
      <div class="modal-header">
306
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
307
        <h4 class="modal-title">Choose from plans</h4>
308
      </div>
309
      <div class="modal-body">
25776 amit.gupta 310
      	<div class="row itemdetails">
311
      		<div class="row col-lg-3">
312
				<div class="col-lg-6">
25778 amit.gupta 313
					<h4>*Ram(GB):</h4>
25776 amit.gupta 314
				</div>
25778 amit.gupta 315
				<div class="col-lg-6 form-group">
316
					<input type="number" class="dgram form-control input-sm" name="ram" value="0">
317
				</div>
318
			</div>
319
      		<div class="row col-lg-4">
25776 amit.gupta 320
				<div class="col-lg-6">
25778 amit.gupta 321
					<h4>*Memory(GB):</h4>
25776 amit.gupta 322
				</div>
25778 amit.gupta 323
				<div class="col-lg-5 form-group">
324
					<input type="number" class="dgmemory form-control input-sm" name="memory" value="0">
325
				</div>
25776 amit.gupta 326
			</div>
25778 amit.gupta 327
			<div class="col-lg-4">
328
				<div class="col-lg-3">
329
					<h4>*Mfg Date:</h4>
25776 amit.gupta 330
				</div>
25778 amit.gupta 331
				<div class="col-lg-6 form-group">
332
					<input placeholder = "Mfg Date" id="dgmfgdate" name="dgmfgdate" type="text" value="" class="form-control input-sm dgmfgdate" >
25776 amit.gupta 333
				</div>
334
			</div>
335
      	</div>
336
      	<div class="row insurancedetails">
337
      	</div> 
24440 amit.gupta 338
	  </div>
339
    </div>
340
  </div>
341
</div>
26810 amit.gupta 342
 
343
<div class="modal modal-lg row" id="newaddressModal" tabindex="-1" role="dialog">
344
	<div class="modal-dialog modal-lg" role="document">
345
		<div class="modal-content">
346
			<div class="modal-header">
347
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
348
		        <h4 class="modal-title">New Address</h4>
349
      		</div>
350
			<div class="modal-body" id="newaddress">
351
		      	<div class = "row">
352
					<div class="col-lg-4 form-group">
353
					   	<input placeholder="First Name" id="firstName" name="firstName" type="text" value="" class="form-control input-sm">
354
					</div>
355
					<div class="col-lg-4 form-group">
356
					   	<input placeholder="Last Name" id="lastName" name="lastName" type="text" value="" class="form-control input-sm">
357
					</div>
358
					<div class="col-lg-4 form-group">
359
						<input placeholder="Mobile Number" id="alternatePhone" name="alternatePhone" type="text"  value="" class="form-control input-sm">
360
					</div>
361
				</div>
362
				<div class = "row">
363
					<div class="col-lg-4 form-group">
364
					 	<input placeholder="Address Line 1" id="line1" name="line1" type="text" size="50" value="" class="form-control input-sm">
365
					</div>
366
					<div class="col-lg-4 form-group">
367
						<input placeholder="Address Line 2" id="line2" name="line2" type="text" value="" class="form-control input-sm">
368
					</div>
369
					<div class="col-lg-4 form-group">
370
						<input placeholder="Landmark" id="landmark" name="landmark" type="text" value="" class="form-control input-sm">
371
					</div>
372
				</div>
373
				<div class = "row">
374
					<div class="col-lg-3 form-group">
375
						<input placeholder="Pin Code" id="pinCode" name="pinCode" type="number" value="" class="form-control input-sm">
376
					</div>
377
					<div class="col-lg-3 form-group">
378
						<input placeholder="City" id="city" name="city" type="text" value="" class="form-control input-sm">
379
					</div>
380
					<div class="col-lg-3 form-group">
381
						<select class="form-control input-sm" id = "state" name = "state" placeholder="State">
382
							<option value="" disabled selected>State</option>
383
							#foreach($stateName in $stateNames)
384
								#if($retailerStateName == $stateName)
385
									<option value="$stateName" selected>$stateName</option>
386
								#else
387
									<option value="$stateName">$stateName</option>
388
								#end
389
							#end
390
 
391
			            </select>
392
					</div>
393
			 	</div>
394
			</div>
395
			<div class="modal-footer">
396
				<button type="button" class="btn btn-primary btn-add-address">Add Address</button>
397
			</div>
398
		</div>
399
	</div>
26817 amit.gupta 400
</div>
401
<script type=text/javascript">
402
	if(typeof pendingPO !=undefined) {
403
		$('input.search-phone').val(pendingPOCustomer.mobileNumber).change().attr('readonly', true);
404
	}
405
</script>