Subversion Repositories SmartDukaan

Rev

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