Subversion Repositories SmartDukaan

Rev

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