Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
22245 ashik.ali 1 
<style>
28055 tejbeer 2 
.pointer {
3 
	cursor: pointer;
22245 ashik.ali 4 
}
28055 tejbeer 5 
 
6 
.modal-content {
7 
	background: white;
8 
}
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: #dddddd;
21 
	border: none;
22 
	height: 1px;
23 
	background: #dddddd;
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 
.right {
35 
	float: right;
36 
}
37 
 
38 
.form-control {
39 
	color: black;
40 
}
41 
 
42 
.bold-details {
43 
	text-transform: capitalize;
44 
	font-weight: 600;
45 
	color: #212121;
46 
}
47 
 
48 
.normal-details {
49 
	font-weight: 400;
50 
	text-transform: capitalize;
51 
	color: #797979;
52 
}
53 
}
22245 ashik.ali 54 
</style>
28055 tejbeer 55 
#set($options="{ weekday: 'long', year: 'numeric', month: 'long', day:
56 
'numeric', hour: 'numeric', minute:'numeric' }")
22245 ashik.ali 57 
<section class="wrapper">
28055 tejbeer 58 
	<div class="row" style="background: white; font-size: 14px;">
59 
		<div class="col-lg-4" style="border-left: 1px solid #f0f0f0;">
60 
			<h4>ORDER DETAILS</h4>
61 
			<div class="row">
62 
				<div class="col-lg-4">
63 
					<p class="bold-details">Order ID</p>
64 
				</div>
65 
				<div class="col-lg-6">
66 
					<p class="normal-details">#$fofoOrder.getId()
67 
						($fofoOrderItems.size() item)</p>
68 
				</div>
22245 ashik.ali 69 
			</div>
28055 tejbeer 70 
			<div class="row">
71 
				<div class="col-lg-4">
72 
					<p class="bold-details">Order Date</p>
73 
				</div>
74 
				<div class="col-lg-6">
75 
					<script>
76 
						document.getElementById('createTimestamp').appendChild(
77 
								document.createTextNode(new Date(
78 
										'$fofoOrder.getCreateTimestamp()')
79 
										.toLocaleString("en-US", $options)))
80 
					</script>
81 
					<p class="normal-details" id="createTimestamp"></p>
82 
				</div>
22245 ashik.ali 83 
			</div>
28055 tejbeer 84 
			<div class="row">
85 
				<div class="col-lg-4">
86 
					<p class="bold-details">Amount Paid</p>
87 
				</div>
88 
				<div class="col-lg-6">
89 
					<p class="normal-details">
90 
						<span class="normal-details">&#8377; </span>$fofoOrder.getTotalAmount()
91 
					</p>
92 
				</div>
22245 ashik.ali 93 
			</div>
94 
		</div>
28055 tejbeer 95 
 
96 
		<div class="col-lg-4" style="border-left: 1px solid #f0f0f0;">
97 
			<h4>BILLING DETAILS</h4>
98 
			<p class="bold-details">$customerBillingAddressObj.getName()</p>
99 
			<p class="normal-details">$customerBillingAddress</p>
100 
			#if($fofoOrder.getCustomerGstNumber() &&
101 
			$fofoOrder.getCustomerGstNumber() != "")
102 
			<p class="bold-details">
103 
				GST Number <span class="normal-details extra-margin">$fofoOrder.getCustomerGstNumber()</span>
104 
			</p>
105 
			#end
106 
			<p class="bold-details">
107 
				Phone <span class="normal-details extra-margin">$customerBillingAddressObj.getPhoneNumber()</span>
108 
			</p>
22245 ashik.ali 109 
		</div>
28055 tejbeer 110 
 
111 
		<div class="col-lg-4" style="border-left: 1px solid #f0f0f0;">
112 
			<h4>INVOICE DETAILS</h4>
113 
			<p class="bold-details">
114 
				Invoice Number <span class="normal-details extra-margin">$fofoOrder.getInvoiceNumber()</span>
115 
			</p>
116 
			<p class="invoice_download_option">
117 
				<i class="fa fa-print" aria-hidden="true"></i><a target="_blank"
118 
					href="generateInvoice?orderId=$fofoOrder.getId()"
119 
					class="extra-margin" style="font-size: 18px">Print Invoice</a></i>
120 
			</p>
121 
		</div>
122 
 
22245 ashik.ali 123 
	</div>
124 
 
28055 tejbeer 125 
	<div class="row" style="font-size: 14px; color: #688a7e;">
126 
		<div class="col-lg-12">
127 
			<table class="table table-striped table-advance table-hover">
128 
				<tbody>
129 
					<tr>
130 
						<th>Item Code</th>
131 
						<th>Description</th>
132 
						<th>Unit Price</th>
133 
						<th>Quantity</th>
134 
						<th>Total Price</th>
135 
					</tr>
136 
					<script type="text/javascript">
137 
						fofoLineItemsMap = $fofoOrderItemIdLineItemsMap;
138 
						foiIdCustomerReturnInventoryItemsMap = $foiIdCustomerReturnInventoryItemsMap;
139 
						inventoryItemBilledQtyMap = $inventoryItemBilledQtyMap;
140 
					</script>
141 
					#foreach( $fofoOrderItem in $fofoOrderItems ) #set ($total =
142 
					$fofoOrderItem.getSellingPrice() * $fofoOrderItem.getQuantity())
143 
					<tr>
144 
						<td>$fofoOrderItem.getItemId()</td>
145 
						<td>$fofoOrderItem.getBrand() $fofoOrderItem.getModelName()
146 
							$fofoOrderItem.getModelNumber() $fofoOrderItem.getColor()</td>
147 
						<td>$fofoOrderItem.getSellingPrice()</td>
148 
						<td>$fofoOrderItem.getQuantity()</td>
149 
						<td>$total</td> #set ($item =
150 
						$itemsMap.get($fofoOrderItem.getItemId()))
151 
						#if($item.getCategoryId()==10006) #if($fofoOrderItem.isDoa())
152 
						<td><a class="pointer" data-foi="$fofoOrderItem.getId()"
153 
							data-itemdesc="$item.getItemDescription()"
154 
							data-target=".bs-example-modal-sm" data-toggle="modal">Mark
155 
								DOA</a></td> #else
156 
						<td></td> #end #else #if($markDefective)
157 
						<td><a class="pointer" data-foi="$fofoOrderItem.getId()"
158 
							data-itemdesc="$item.getItemDescription()"
159 
							data-target=".bs-example-modal-sm" data-toggle="modal">Mark
160 
								Defective</a></td> #else
161 
						<td></td> #end #end
23638 amit.gupta 162 
						<td></td>
28055 tejbeer 163 
					</tr>
164 
					#end
165 
				</tbody>
166 
			</table>
167 
		</div>
168 
		<!-- Small modal -->
169 
		<div class="modal fade bs-example-modal-sm" tabindex="-1"
170 
			role="dialog" aria-labelledby="mySmallModalLabel" id="exampleModal">
171 
			<div class="modal-dialog modal-md" role="document">
172 
				<div class="modal-content">
173 
					<div class="modal-header">
174 
						<p class="modal-title"></p>
175 
					</div>
176 
					<div class="modal-body"></div>
177 
					<div class="modal-footer">
178 
						<button type="button" class="return-submit btn btn-primary">Submit</button>
179 
					</div>
180 
				</div>
181 
			</div>
182 
		</div>
22245 ashik.ali 183 
	</div>
184 
 
28055 tejbeer 185 
	<div class="row">
186 
		#if(!$insurancePolicies.isEmpty())
31274 amit.gupta 187 
			<div class="col-lg-8">
188 
				<h4>INSURANCE DETAILS</h4>
189 
				<table class="table table-striped table-advance">
190 
					<tbody>
28055 tejbeer 191 
					<tr>
31274 amit.gupta 192 
						<th>Plan Name</th>
193 
						<th>Device Model</th>
28055 tejbeer 194 
						<th>Serial Number</th>
195 
						<th>Provider Name</th>
196 
						<th>Amount</th>
197 
					</tr>
31274 amit.gupta 198 
						#if(!$insurancePolicies.isEmpty()) #foreach( $insurancePolicy in
199 
							$insurancePolicies )
200 
						<tr>
201 
							<td>$insurancePolicy.getPolicyPlan()</td>
202 
							<td>$insurancePolicy.getBrand() $insurancePolicy.getModelName()</td>
203 
							<td>$insurancePolicy.getSerialNumber()</td>
204 
							<td>$insurancePolicy.getInsuranceProvider().getName()</td>
205 
							<td>$insurancePolicy.getSaleAmount()</td>
206 
						</tr>
207 
						#end #end
28055 tejbeer 208 
				</tbody>
209 
			</table>
210 
		</div>
211 
		#end
212 
 
213 
		<div class="col-lg-4 right"
214 
			style="border-left: 1px solid #f0f0f0; background: white; font-size: 14px;">
215 
			<h4>PAYMENT DETAILS</h4>
216 
			#foreach( $paymentOptionTransaction in $paymentOptionTransactions )
217 
			#set($paymentOption =
218 
			$paymentOptionIdPaymentOptionMap.get($paymentOptionTransaction.getPaymentOptionId()))
219 
			<div class="row">
220 
				<div class="col-lg-3">
221 
					<p class="bold-details">$paymentOption.getName()</p>
222 
				</div>
223 
				<div class="col-lg-3">
224 
					<p class="nomal-details">&#8377;
225 
						$paymentOptionTransaction.getAmount()</p>
226 
				</div>
227 
			</div>
228 
			#end
229 
			<hr />
230 
			<div class="row">
231 
				<div class="col-lg-3">
232 
					<p class="bold-details">TOTAL</p>
233 
				</div>
234 
				<div class="col-lg-3">
235 
					<p class="nomal-details">$fofoOrder.getTotalAmount()</p>
236 
				</div>
237 
			</div>
238 
		</div>
22245 ashik.ali 239 
	</div>
240 
 
241 
</section>
28055 tejbeer 242 
<script type="text/javascript"
243 
	src="resources/js/customer-return.js?v=${version}">
244 
	</script/>