Subversion Repositories SmartDukaan

Rev

Rev 26317 | Rev 26810 | 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">
102 
		<h4 class="modelHeaderCustom" style="font-size:22px;">Product Information</h4>
103 
  		<table class="table table-condensed">
104 
    		<tr>
24614 amit.gupta 105 
    			<th style="width:25%">Description</th>
24613 amit.gupta 106 
    			<th style="width:10%">Quantity</th>
24614 amit.gupta 107 
    			<th style="width:15%">Serial Number</th>
108 
    			<th style="width:12%">Unit Price</th>
24613 amit.gupta 109 
    			<th style="width:15%">Mobile Insurance</th>
24440 amit.gupta 110 
    			<!--<th><h4 class="grnProductInfo modelHeaderCustom table-align-center">Discount</h4></th>-->
24614 amit.gupta 111 
    			<th style="width:12%">Total Price</th>
24440 amit.gupta 112 
    		</tr>
113 
 
114 
    		#foreach ($cartItem in $cartItems)
115 
    			#set($mrp="MRP")
116 
    			#if($mopPriceMap.get($cartItem.getItemId()).getMrp()!=0)
117 
	    			#set($mrp="$mopPriceMap.get($cartItem.getItemId()).getMrp()(MRP)")
118 
    			#end
119 
 
120 
				#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPrice() - $mrp")
121 
				#set($dp = $mopPriceMap.get($cartItem.getItemId()).getPurchasePrice())
122 
				#if($accessoriesDeals && $cartItem.getItemType() =="NON_SERIALIZED")
123 
					#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPurchasePrice()(DP) - $mopPriceMap.get($cartItem.getItemId()).getPrice()(MOP) - $mrp")
124 
				#end
125 
				#if($cartItem.getItemType() =="SERIALIZED")
126 
					#set($start = 1)
127 
					#set($end   = $cartItem.getQuantity())
128 
					#set($range = [$start..$end])
129 
 
130 
					#foreach ($index in $range)
131 
						<tr>
132 
							<td>$cartItem.getDisplayName()</td>
133 
    						<td class = "table-align-center">1</td>
134 
							<td class = "table-align-center">
135 
								<input readonly type="text" itemId="$cartItem.getItemId()" itemType="$cartItem.getItemType()" name="serialNumber" class="serialNumber input-sm form-control">
136 
							</td>
137 
							<td class = "table-align-center">
138 
								<input type="number" class="unitPrice form-control input-sm" name="unitPrice" quantity="1" itemId="$cartItem.getItemId()"
139 
								mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" dp="$dp" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder">
140 
							</td>
141 
							<td class = "table-align-center">
142 
	    						<div class="input-group">
143 
    								<input type="number" itemId="$cartItem.getItemId()" value = "0" name="insuranceamount" class="insuranceamount form-control input-sm" readonly>
144 
    								<input type="hidden" itemId="$cartItem.getItemId()" value = "0" name="insuranceid" class="insuranceid">
25778 amit.gupta 145 
    								<input type="hidden" itemId="$cartItem.getItemId()" name="ram" class="ram">
146 
    								<input type="hidden" itemId="$cartItem.getItemId()"  name="memory" class="memory">
147 
    								<input type="hidden" itemId="$cartItem.getItemId()"  name="mfgdate" class="mfgdate">
24440 amit.gupta 148 
			    					<div class="input-group-btn">
149 
				    					<button type="button" class="btn btn-sm btn-default mk_check_plans"
150 
				    							data-mop="$mopPriceMap.get($cartItem.getItemId()).getPrice()">
151 
				    						Check Plans
152 
				    					</button>
153 
		    						</div>
154 
		    					</div>
155 
	    					</td>
156 
							<td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm  form-control" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
157 
						</tr>
23821 amit.gupta 158 
					#end
24440 amit.gupta 159 
				#else
160 
					<tr>
161 
						<td>$cartItem.getDisplayName()</td>
162 
						<td class = "table-align-center">$cartItem.getQuantity()</td>
163 
						<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>
164 
						<td class = "table-align-center">
165 
							<input type="number" class="unitPrice input-sm form-control" dp="$dp" name="unitPrice" quantity="$cartItem.getQuantity()" itemId="$cartItem.getItemId()"
166 
								mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()" mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()" placeholder="$placeHolder" />
167 
						</td>
168 
						<td>Not Applicable</td>
169 
						<td class = "table-align-center"><input name="totalPrice" class="totalPrice input-sm form-control" itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
23419 ashik.ali 170 
					</tr>
24440 amit.gupta 171 
    			#end
172 
    		#end
173 
  		</table>
174 
  		<div>
25810 amit.gupta 175 
			<h4 class="modelHeaderCustom" style="font-size:22px;">Customer Information
176 
			#if (${isDev})
26669 tejbeer 177 
				<small><a href="javascript:void(0);"  id="mk_restore">(Restore Previous)</a></small>
25810 amit.gupta 178 
			#end
179 
			</h4>
24440 amit.gupta 180 
			<div class = "row">
181 
				<div class="col-lg-3 form-group">
182 
				   	<input placeholder="First Name" id="firstName" name="firstName" type="text" value="" class="form-control input-sm">
183 
				</div>
184 
				<div class="col-lg-3 form-group">
185 
				   	<input placeholder="Last Name" id="lastName" name="lastName" type="text" value="" class="form-control input-sm">
186 
				</div>
187 
				<div class="col-lg-2 form-group">
188 
					<input placeholder="Email*" id="email" name="email" type="text" value="" class="form-control input-sm">
189 
				</div>
190 
				<div class="col-lg-2 form-group">
191 
					<input placeholder = "Phone Number*" id="phone" addressId="" name="phone" type="text" value="" class="form-control phone input-sm">
192 
				</div>
193 
 
22245 ashik.ali 194 
			</div>
24440 amit.gupta 195 
			<div class = "row">
196 
				<div class="col-lg-3 form-group">
197 
					<input placeholder="GST Number" id="gstNumber" name="gstNumber" type="text"  value="" class="form-control input-sm">
198 
				</div>
199 
				<div class="col-lg-3 form-group">
200 
				 	<input placeholder="Address Line 1" id="line1" name="line1" type="text" size="50" value="" class="form-control input-sm">
201 
				</div>
202 
				<div class="col-lg-2 form-group">
203 
					<input placeholder="Address Line 2" id="line2" name="line2" type="text" value="" class="form-control input-sm">
204 
				</div>
205 
				<div class="col-lg-2 form-group">
206 
					<input placeholder="Alternate Phone Number" id="alternatePhone" name="alternatePhone" type="text"  value="" class="form-control input-sm">
207 
				</div>
22245 ashik.ali 208 
			</div>
24440 amit.gupta 209 
			<div class = "row">
210 
				<div class="col-lg-3 form-group">
211 
					<input placeholder="Landmark" id="landmark" name="landmark" type="text" value="" class="form-control input-sm">
212 
				</div>
213 
				<div class="col-lg-3 form-group">
214 
					<input placeholder="Pin Code" id="pinCode" name="pinCode" type="number" value="" class="form-control input-sm">
215 
				</div>
216 
				<div class="col-lg-2 form-group">
217 
					<input placeholder="City" id="city" name="city" type="text" value="" class="form-control input-sm">
218 
				</div>
219 
				<div class="col-lg-2 form-group">
220 
					<select class="form-control input-sm" id = "state" name = "state" placeholder="State">
221 
						<option value="" disabled selected>State</option>
222 
						#foreach($stateName in $stateNames)
223 
							#if($retailerStateName == $stateName)
224 
								<option value="$stateName" selected>$stateName</option>
225 
							#else
226 
								<option value="$stateName">$stateName</option>
227 
							#end
23299 ashik.ali 228 
						#end
24440 amit.gupta 229 
 
230 
	                </select>
231 
				</div>
232 
	     	</div>
233 
	     	<div class="row mk_insurance_row" style="display:none">
26316 tejbeer 234 
 
235 
				<div class="col-lg-3 form-group">
236 
				 <label for="gender">Gender</label>
24440 amit.gupta 237 
					<select class="form-control input-sm" id="gender" name ="gender" placeholder="Gender">
238 
						<option value="" disabled selected>Gender</option>
239 
						<option value="1" selected>Male</option>
240 
						<option value="2" selected>Female</option>
241 
	                </select>
242 
				</div>
26316 tejbeer 243 
				<div class="col-lg-3 form-group">
244 
				 <label for="dateOfBirth">Date Of Birth</label>
24440 amit.gupta 245 
					<input placeholder = "Date Of Birth" id="dateOfBirth" name="dateOfBirth" type="text" value="" class="form-control">
246 
				</div>
22245 ashik.ali 247 
			</div>
248 
     	</div>
24440 amit.gupta 249 
	</div>
250 
	<div class="col-lg-4 row">
251 
		<div class="col-lg-1"></div>
24475 amit.gupta 252 
		<div id="payment-details" style="background:white;background-color:white;" class="col-lg-10">
24440 amit.gupta 253 
			<h4 class="modelHeaderCustom" style="font-size:22px;">Payment Details</h4>
254 
			<div class="row">
24475 amit.gupta 255 
				<div class="col-lg-7">
24440 amit.gupta 256 
					<h4>Total Amount :</h4>
257 
				</div>
24475 amit.gupta 258 
				<div class="col-lg-5">
24440 amit.gupta 259 
					<input type="number" class="netPayableAmount form-control input-sm" name="" value="0" readonly>
260 
				</div>
21987 kshitij.so 261 
			</div>
24440 amit.gupta 262 
			<div id="payment-option-id-amount-container" paymentOptionSize = $paymentOptions.size()>
263 
			#set($a = 0)
264 
			#set($b = $paymentOptions.size() - 1)
265 
			#set($range = [$a..$b])
266 
 
267 
			#foreach($index in $range)
268 
			<div class="row">
269 
				#set($paymentOption = $paymentOptions[$index])
24475 amit.gupta 270 
				<div class="col-lg-7">
24440 amit.gupta 271 
					<h4>$paymentOption.getName() :</h4>
272 
				</div>
24475 amit.gupta 273 
				<div class="col-lg-5">
24440 amit.gupta 274 
					<input type="number" id="paymentOptionIdAmount${index}" name="paymentOptionIdAmount${index}"
275 
					class="form-control paymentOptionAmount amount input-sm" value="0" paymentOptionId="$paymentOption.getId()">
276 
				</div>
21987 kshitij.so 277 
			</div>
24440 amit.gupta 278 
			#end
23434 ashik.ali 279 
			</div>
23367 ashik.ali 280 
			<div class="row">
24440 amit.gupta 281 
				<div class="form-group col-lg-10">
282 
					<button class="btn btn-block btn-primary order-checkout" type="submit">Create Order</button>
23353 ashik.ali 283 
				</div>
21987 kshitij.so 284 
			</div>
285 
		</div>
286 
	</div>
287 
</div>
24440 amit.gupta 288 
#end
289 
</div>
21987 kshitij.so 290 
</form>
23347 ashik.ali 291 
</section>
26316 tejbeer 292 
<div class="modal modal-lg row" id="mobilePlansModal" tabindex="-1" role="dialog">
24440 amit.gupta 293 
  <div class="modal-dialog modal-lg" role="document">
294 
    <div class="modal-content">
295 
      <div class="modal-header">
296 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
297 
        <h4 class="modal-title">Choose from plans</h4>
298 
      </div>
299 
      <div class="modal-body">
25776 amit.gupta 300 
      	<div class="row itemdetails">
301 
      		<div class="row col-lg-3">
302 
				<div class="col-lg-6">
25778 amit.gupta 303 
					<h4>*Ram(GB):</h4>
25776 amit.gupta 304 
				</div>
25778 amit.gupta 305 
				<div class="col-lg-6 form-group">
306 
					<input type="number" class="dgram form-control input-sm" name="ram" value="0">
307 
				</div>
308 
			</div>
309 
      		<div class="row col-lg-4">
25776 amit.gupta 310 
				<div class="col-lg-6">
25778 amit.gupta 311 
					<h4>*Memory(GB):</h4>
25776 amit.gupta 312 
				</div>
25778 amit.gupta 313 
				<div class="col-lg-5 form-group">
314 
					<input type="number" class="dgmemory form-control input-sm" name="memory" value="0">
315 
				</div>
25776 amit.gupta 316 
			</div>
25778 amit.gupta 317 
			<div class="col-lg-4">
318 
				<div class="col-lg-3">
319 
					<h4>*Mfg Date:</h4>
25776 amit.gupta 320 
				</div>
25778 amit.gupta 321 
				<div class="col-lg-6 form-group">
322 
					<input placeholder = "Mfg Date" id="dgmfgdate" name="dgmfgdate" type="text" value="" class="form-control input-sm dgmfgdate" >
25776 amit.gupta 323 
				</div>
324 
			</div>
325 
      	</div>
326 
      	<div class="row insurancedetails">
327 
      	</div>
24440 amit.gupta 328 
	  </div>
329 
    </div>
330 
  </div>
331 
</div>