Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
23584 ashik.ali 1 
<style>
2 
	.modal-content{
3 
		background : white;
4 
	}
5 
	.modelHeaderCustom{
6 
		font-size:14px;
7 
		font-weight:bold;
8 
	}
9 
	.border-highlight{
10 
		border : 3px solid red;
11 
	}
12 
	hr{
13 
		background-color:#dddddd;
14 
		border:none;
15 
		height:1px;
16 
		background:#dddddd;
17 
	}
18 
	.control-label {
19 
		margin-top: 0;
20 
    	margin-bottom: 0;
21 
    	padding-top: 7px;
22 
    	font-weight:bold;
23 
    	font-size:14px;
24 
	}
25 
	.right{
26 
		float:right;
27 
	}
28 
	.form-control{
29 
		color:black;
30 
	}
31 
	.bold-details {
32 
		text-transform:capitalize;
33 
		font-weight:600;
34 
		color:#212121;
35 
	}
36 
	.normal-details{
37 
		font-weight:400;
38 
		text-transform:capitalize;
39 
		color:#797979;
40 
	}
41 
 
42 
}
43 
</style>
44 
#set($options="{ weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute:'numeric' }")
45 
<section class="wrapper">
46 
<div class="row" style="background:white;font-size:14px;">
47 
	<div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
48 
		<h4>ORDER DETAILS</h4>
49 
		<div class="row">
50 
			<div class="col-lg-4">
51 
				<p class="bold-details">Order ID</p>
52 
			</div>
53 
			<div class="col-lg-6">
24277 amit.gupta 54 
				<p class="normal-details">#$fofoOrder.getId() ($fofoOrderItems.size() item)</p>
23584 ashik.ali 55 
			</div>
56 
		</div>
57 
		<div class="row">
58 
			<div class="col-lg-4">
59 
				<p class="bold-details">Order Date</p>
60 
			</div>
61 
			<div class="col-lg-6">
62 
				<script>document.getElementById('createTimestamp').appendChild(document.createTextNode(new Date('$fofoOrder.getCreateTimestamp()').toLocaleString("en-US",$options)))</script>
63 
				<p class="normal-details" id="createTimestamp"></p>
64 
			</div>
65 
		</div>
66 
		<div class="row">
67 
			<div class="col-lg-4">
68 
				<p class="bold-details">Amount Paid</p>
69 
			</div>
70 
			<div class="col-lg-6">
71 
				<p class="normal-details"><span class="normal-details">&#8377; </span>$fofoOrder.getTotalAmount()</p>
72 
			</div>
73 
		</div>
74 
	</div>
75 
 
76 
	<form id="update-order-customer-details-form">
77 
		<div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
78 
			<h4>BILLING DETAILS</h4>
79 
			<div class="row">
80 
				<div class="col-lg-4">
81 
					<p class="bold-details">Email Id</p>
82 
				</div>
83 
				<div class="col-lg-6">
24121 govind 84 
				<input class="form-control input-sm" type="text" name="emailId" placeholder="Email Id" value="$customer.getEmailId()">
23584 ashik.ali 85 
				</div>
24121 govind 86 
			</div><br>
23584 ashik.ali 87 
			<div class="row">
88 
				<div class="col-lg-4">
89 
					<p class="bold-details">Mobile Number</p>
90 
				</div>
91 
				<div class="col-lg-6">
24121 govind 92 
					<input class="form-control input-sm" type="text" name="mobileNumber" placeholder="Mobile Number" value="$customer.getMobileNumber()">
23584 ashik.ali 93 
				</div>
94 
			</div>
95 
			<div class="row">
96 
				<div class="col-lg-4">
97 
					<p class="bold-details">First Name</p>
98 
				</div>
99 
				<div class="col-lg-6 form-group">
100 
					<input class="form-control input-sm" type="text" name="firstName" placeholder="First Name" value="$customer.getFirstName()">
101 
				</div>
102 
			</div>
103 
			<div class="row">
104 
				<div class="col-lg-4">
105 
					<p class="bold-details">Last Name</p>
106 
				</div>
107 
				<div class="col-lg-6 form-group">
108 
					<input class="form-control input-sm" type="text" name="lastName" placeholder="Last Name" value="$customer.getLastName()">
109 
				</div>
110 
			</div>
111 
 
112 
			<div class="row">
113 
				<div class="col-lg-4">
114 
					<p class="bold-details">Line 1</p>
115 
				</div>
116 
				<div class="col-lg-6 form-group">
117 
					<input class="form-control input-sm" type="text" name="line1" placeholder="Line 1" value="$customerAddress.getLine1()">
118 
				</div>
119 
			</div>
120 
			<div class="row">
121 
				<div class="col-lg-4">
122 
					<p class="bold-details">Line 2</p>
123 
				</div>
124 
				<div class="col-lg-6 form-group">
125 
					<input class="form-control input-sm" type="text" name="line2" placeholder="Line 2" value="$customerAddress.getLine2()">
126 
				</div>
127 
			</div>
128 
			<div class="row">
129 
				<div class="col-lg-4">
130 
					<p class="bold-details">Landmark</p>
131 
				</div>
132 
				<div class="col-lg-6 form-group">
133 
					<input class="form-control input-sm" type="text" name="landmark" placeholder="Landmark" value="$customerAddress.getLandmark()">
134 
				</div>
135 
			</div>
136 
			<div class="row">
137 
				<div class="col-lg-4">
138 
					<p class="bold-details">City</p>
139 
				</div>
140 
				<div class="col-lg-6 form-group">
141 
					<input class="form-control input-sm" type="text" name="city" placeholder="city" value="$customerAddress.getCity()">
142 
				</div>
143 
			</div>
144 
			<div class="row">
145 
				<div class="col-lg-4">
146 
					<p class="bold-details">Pin Code</p>
147 
				</div>
148 
				<div class="col-lg-6 form-group">
149 
					<input class="form-control input-sm" type="text" name="pinCode" placeholder="Pin Code" value="$customerAddress.getPinCode()">
150 
				</div>
151 
			</div>
152 
			<div class="row">
153 
				<div class="col-lg-4">
154 
					<p class="bold-details">State</p>
155 
				</div>
156 
				<div class="col-lg-6 form-group">
157 
					<select class="form-control input-sm" id = "state" name = "state" placeholder="State">
158 
						<option value="" disabled selected>State</option>
159 
						#foreach($stateName in $stateNames)
160 
							#if($customerAddress.getState() == $stateName)
161 
								<option value="$stateName" selected>$stateName</option>
162 
							#else
163 
								<option value="$stateName">$stateName</option>
164 
							#end
165 
						#end
166 
		            </select>
167 
				</div>
168 
			</div>
169 
			<div class="row">
24121 govind 170 
				#if($fofoOrder.getCustomerGstNumber())
23584 ashik.ali 171 
					<div class="col-lg-4">
172 
						<p class="bold-details">GST Number</p>
173 
					</div>
174 
					<div class="col-lg-6 form-group">
175 
						<input class="form-control input-sm" type="text" name="gstNumber" placeholder="GST Number" value="$fofoOrder.getCustomerGstNumber()">
176 
					</div>
24121 govind 177 
					#else
178 
					<div class="col-lg-4">
179 
						<p class="bold-details">GST Number</p>
180 
					</div>
181 
					<div class="col-lg-6 form-group">
182 
						<input class="form-control input-sm" type="text" name="gstNumber" placeholder="GST Number" value="">
23584 ashik.ali 183 
				#end
184 
			</div>
185 
			<div class="row">
186 
				<div class="col-md-2 col-md-offset-3">
187 
					<button id="updateCustomerDetails" class="btn btn-primary" type="submit">Update Details</button>
188 
				</div>
189 
			</div>
190 
		</div>
191 
	</form>
192 
	<div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
193 
		<h4>INVOICE DETAILS</h4>
194 
		<p class="bold-details">Invoice Number <span class="normal-details extra-margin">$fofoOrder.getInvoiceNumber()</span></p>
24271 amit.gupta 195 
		<p class="invoice_download_option">
196 
			<i class="fa fa-print" aria-hidden="true"></i>
197 
			<a target="_blank" href="generateInvoice/?orderId=$fofoOrder.getId()" class="extra-margin" style="font-size:18px">Print Invoice</a	></i>
198 
		</p>
23584 ashik.ali 199 
	</div>
200 
 
201 
</div>
202 
<br>
203 
<div class="row" style="font-size:14px;color:#688a7e;">
204 
	<div class="col-lg-12">
27861 tejbeer 205 
		<table class="table table-striped table-advance table-hover" id="fofo-item-table">
23584 ashik.ali 206 
			<tbody>
207 
				<tr>
208 
					<th>Item Code</th>
209 
					<th>Description</th>
27861 tejbeer 210 
					<th>MOP</th>
23584 ashik.ali 211 
					<th>Unit Price</th>
212 
					<th>Quantity</th>
213 
					<th>Total Price</th>
24276 amit.gupta 214 
					<th>Actions</th>
23584 ashik.ali 215 
				</tr>
24280 amit.gupta 216 
				<script type="text/javascript">
217 
				 	fofoLineItemsMap = $fofoOrderItemIdLineItemsMap;
218 
				 	foiIdCustomerReturnInventoryItemsMap = $foiIdCustomerReturnInventoryItemsMap;
219 
				 	inventoryItemBilledQtyMap = $inventoryItemBilledQtyMap;
220 
				 </script>
24271 amit.gupta 221 
				 #foreach( $fofoOrderItem in $fofoOrderItems )
24333 amit.gupta 222 
				 	#set ($total = $fofoOrderItem.getSellingPrice() * $fofoOrderItem.getQuantity())
23584 ashik.ali 223 
				 	<tr>
24271 amit.gupta 224 
				 		<td>$fofoOrderItem.getItemId()</td>
23584 ashik.ali 225 
				 		<td>
24271 amit.gupta 226 
				 			$fofoOrderItem.getBrand() $fofoOrderItem.getModelName() $fofoOrderItem.getModelNumber() $fofoOrderItem.getColor()
23584 ashik.ali 227 
				 		</td>
27861 tejbeer 228 
				 		<td>$fofoOrderItem.getMop()</td>
229 
				 		#if($insurancePolicies.isEmpty())
230 
				 		<td>$fofoOrderItem.getSellingPrice()  <input type="hidden" style="color:black" value="$fofoOrderItem.getId()"/>   <input type="number" style="color:black" class="fofoLineItemAmount" name="itemamount" value="$fofoOrderItem.getSellingPrice()"/>  <a class="pointer" id="editamountbutton"style="padding:12px">Edit</a> </td>
231 
				 		#else
232 
				 			<td>$fofoOrderItem.getSellingPrice()</td>
233 
				 		#end
24271 amit.gupta 234 
				 		<td>$fofoOrderItem.getQuantity()</td>
23584 ashik.ali 235 
				 		<td>$total</td>
24333 amit.gupta 236 
					#set ($item = $itemsMap.get($fofoOrderItem.getItemId()))
24277 amit.gupta 237 
					#if($item.getCategoryId()==10006)
238 
						#if($fofoOrderItem.isDoa())
239 
							<td><a class="pointer" data-foi="$fofoOrderItem.getId()"
240 
							data-itemdesc="$item.getItemDescription()" data-target=".bs-example-modal-sm" data-toggle="modal">Mark DOA</a></td>
241 
						#else
242 
							<td></td>
243 
						#end
24271 amit.gupta 244 
					#else
24277 amit.gupta 245 
						#if($markDefective)
246 
							<td><a class="pointer" data-foi="$fofoOrderItem.getId()"
247 
							data-itemdesc="$item.getItemDescription()" data-target=".bs-example-modal-sm" data-toggle="modal">Mark Defective</a></td>
248 
						#else
249 
							<td></td>
250 
						#end
24271 amit.gupta 251 
					#end
24278 amit.gupta 252 
				 	</tr>
24277 amit.gupta 253 
				 #end
23584 ashik.ali 254 
			</tbody>
255 
		</table>
256 
	</div>
24279 amit.gupta 257 
		<!-- Small modal -->
258 
	<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" id="exampleModal">
259 
	  <div class="modal-dialog modal-md" role="document">
260 
	    <div class="modal-content">
261 
	    <div class="modal-header">
262 
	    	<p class="modal-title"></p>
263 
	    </div>
264 
	    <div class="modal-body">
265 
 
266 
	    </div>
267 
	    <div class="modal-footer">
268 
	    	<button type="button" class="return-submit btn btn-primary">Submit</button>
269 
	    </div>
270 
	    </div>
271 
	  </div>
272 
	</div>
23584 ashik.ali 273 
</div>
274 
 
275 
<div class="row">
276 
	#if(!$insurancePolicies.isEmpty())
277 
		<div class="col-lg-8">
278 
			<h4>INSURANCE DETAILS</h4>
279 
    		<table class="table table-striped table-advance">
280 
    			<tbody>
281 
    				<tr>
282 
    					<th>Description</th>
283 
    					<th>Serial Number</th>
284 
    					<th>Provider Name</th>
285 
    					<th>Amount</th>
286 
    				</tr>
287 
    				#if(!$insurancePolicies.isEmpty())
288 
		    			#foreach( $insurancePolicy in $insurancePolicies )
289 
		    				<tr>
290 
		    					<td>$insurancePolicy.getBrand() $insurancePolicy.getModelName()</td>
291 
		    					<td>$insurancePolicy.getSerialNumber()</td>
292 
		    					<td>$insurancePolicy.getInsuranceProvider().getName()</td>
293 
		    					<td>$insurancePolicy.getSaleAmount()</td>
294 
		    				</tr>
295 
		    			#end
296 
	    			#end
297 
    			</tbody>
298 
    		</table>
299 
    	</div>
300 
	#end
301 
 
24105 govind 302 
	<div class="col-lg-4 right" style="border-left:1px solid #f0f0f0;background:white;font-size:14px;" >
23584 ashik.ali 303 
		<h4>PAYMENT DETAILS</h4>
24105 govind 304 
 
305 
		 #foreach( $fofoPartnerPaymentOption in $fofoPartnerPaymentOptions )
306 
		 	#set($paymentOption = $paymentOptionIdPaymentOptionMap.get($fofoPartnerPaymentOption))
23584 ashik.ali 307 
		 	<div class="row">
308 
		 		<div class="col-lg-3">
309 
		 			<p class="bold-details">$paymentOption.getName()</p>
310 
		 		</div>
311 
		 		<div class="col-lg-3">
24105 govind 312 
		 		<div class="paymentOptions">
313 
		 		#if($paymentOptionIdPaymentOptionTransactionMap.get($fofoPartnerPaymentOption))
314 
		 			<input data-payment-option-id="$fofoPartnerPaymentOption" type="number" class="normal-details"  value="$paymentOptionIdPaymentOptionTransactionMap.get($fofoPartnerPaymentOption).getAmount()" style="width:100px;"/>
315 
		 			#else
316 
		 			<input data-payment-option-id="$fofoPartnerPaymentOption" type="number" class="normal-details"  value="0" style="width:100px;"/>
317 
		 			#end
23584 ashik.ali 318 
		 		</div>
319 
		 	</div>
24105 govind 320 
		 	</div>
23584 ashik.ali 321 
		 #end
27861 tejbeer 322 
		 #if($insurancePolicies.isEmpty())
24105 govind 323 
		 <div class="col-md-2 col-md-offset-3">
24152 govind 324 
					<button class="btn btn-primary  updatePaymentDetails" data-totalamount="$fofoOrder.getTotalAmount()" data-invoicenumber="$fofoOrder.getInvoiceNumber()" data-fofoid="$fofoOrder.getFofoId()" data-orderid="$fofoOrder.getId()" data-totalnumberofpaymentoptionid="$totalNumberOfPaymentOptionId" data-createddatetime="$fofoOrder.getCreateTimestamp()" type="submit">Update</button>
27861 tejbeer 325 
			</div>
326 
			#else
327 
			 <div class="col-md-2 col-md-offset-3">
328 
					<button class="btn btn-primary  updatePaymentDetails" data-totalamount="$fofoOrder.getTotalAmount()" data-invoicenumber="$fofoOrder.getInvoiceNumber()" data-fofoid="$fofoOrder.getFofoId()" data-orderid="$fofoOrder.getId()" data-totalnumberofpaymentoptionid="$totalNumberOfPaymentOptionId" data-createddatetime="$fofoOrder.getCreateTimestamp()" type="submit" disabled>Update</button>
329 
			</div>
330 
			#end<br>
23584 ashik.ali 331 
		 <hr/>
332 
		 <div class="row">
333 
		 	<div class="col-lg-3">
334 
		 		<p class="bold-details">TOTAL</p>
335 
		 	</div>
336 
		 	<div class="col-lg-3">
27861 tejbeer 337 
		 		<p class="nomal-details" id="totalAmount">&#8377;$fofoOrder.getTotalAmount() </p>
23584 ashik.ali 338 
		 	</div>
339 
		 </div>
340 
	</div>
341 
</div>
342 
 
343 
</section>
24277 amit.gupta 344 
<script type="text/javascript" src="resources/js/customer-return.js?v=${version}"></script>
24072 amit.gupta 345 
<script type="text/javascript" src="resources/js/update-order-customer-details.js?v=${version}"></script>