Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
22095 kshitij.so 1 
<style>
2 
	.table-striped > tbody > tr:nth-child(odd) > td{
3 
  background: white;
4 
  background-color: white;
5 
}
6 
.table-striped > tbody > tr:nth-child(even) > td{
7 
  background: white;
8 
  background-color:white;
9 
}
10 
.table-striped > tbody > tr:hover > td,
11 
	.btn:hover{
12 
  	color: grey;
13 
  	text-decoration: none;
14 
	}
15 
	.btn-primary:hover{
16 
  	color: grey;
17 
  	text-decoration: none;
18 
	}
19 
.modal-content{
20 
		background : white;
21 
	}
22 
	.modelHeaderCustom{
23 
		font-size:14px;
24 
		font-weight:bold;
25 
	}
26 
	.border-highlight{
27 
		border : 3px solid red;
28 
	}
29 
	hr{
30 
		background-color:#dddddd;
31 
		border:none;
32 
		height:1px;
33 
		background:#dddddd;
34 
	}
35 
	.control-label {
36 
		margin-top: 0;
37 
    	margin-bottom: 0;
38 
    	padding-top: 7px;
39 
    	font-weight:bold;
40 
    	font-size:14px;
41 
	}
42 
	.form-group{
43 
		border-bottom: 1px solid #eff2f7;
44 
    	padding-bottom: 15px;
45 
    	margin-bottom: 15px;
46 
	}
47 
	.right{
48 
		float:right;
49 
	}
50 
	.form-control{
51 
		color:black;
52 
		text-transform:uppercase;
53 
	}
54 
	.bold-details {
55 
		text-transform:capitalize;
56 
		font-weight:600;
57 
		color:#212121;
58 
	}
59 
	.normal-details{
60 
		font-weight:400;
61 
		text-transform:capitalize;
62 
		color:#797979;
63 
	}
64 
	.extra-margin{
65 
		margin-left:2%;
66 
	}
67 
	.table{
68 
		margin-bottom:20px;
69 
		margin-top:20px;
70 
	}
71 
}
72 
</style>
73 
#set($options="{ weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute:'numeric' }")
74 
<section class="wrapper">
75 
<div class="row">
76 
		<div class="col-lg-12">
23638 amit.gupta 77 
			<h3 class="page-header"><i class="icon_table"></i>Order Details</h3>
22095 kshitij.so 78 
			<ol class="breadcrumb">
22116 amit.gupta 79 
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
22095 kshitij.so 80 
				<li><i class="icon_table"></i>Order Details</li>
81 
			</ol>
82 
		</div>
83 
</div>
84 
<div class="row" style="background:white;font-size:14px;">
85 
	<div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
86 
		<h4>ORDER DETAILS</h4>
87 
		<div class="row">
88 
			<div class="col-lg-4">
89 
				<p class="bold-details">Order ID</p>
90 
			</div>
91 
			<div class="col-lg-6">
92 
				<p class="normal-details">#$fofoOrder.getId() ($fofoLineItems.size() item)</p>
93 
			</div>
94 
		</div>
95 
		<div class="row">
96 
			<div class="col-lg-4">
97 
				<p class="bold-details">Order Date</p>
98 
			</div>
99 
			<div class="col-lg-6">
100 
				<script>document.getElementById('createTimestamp').appendChild(document.createTextNode(new Date('$fofoOrder.getCreateTimestamp()').toLocaleString("en-US",$options)))</script>
101 
				<p class="normal-details" id="createTimestamp"></p>
102 
			</div>
103 
		</div>
104 
		<div class="row">
105 
			<div class="col-lg-4">
106 
				<p class="bold-details">Amount Paid</p>
107 
			</div>
108 
			<div class="col-lg-6">
109 
				<p class="normal-details"><span class="normal-details">&#8377; </span>$fofoOrder.getTotalAmount()</p>
110 
			</div>
111 
		</div>
112 
	</div>
113 
 
114 
	<div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
115 
		<h4>BILLING DETAILS</h4>
116 
		<p class="bold-details">$customerBillingAddressObj.getName()</p>
117 
		<p class="normal-details">$customerBillingAddress</p>
23378 ashik.ali 118 
		#if($fofoOrder.getCustomerGstNumber() && $fofoOrder.getCustomerGstNumber() != "")
119 
			<p class="bold-details">GST Number <span class="normal-details extra-margin">$fofoOrder.getCustomerGstNumber()</span></p>
120 
		#end
22095 kshitij.so 121 
		<p class="bold-details">Phone <span class="normal-details extra-margin">$customerBillingAddressObj.getPhoneNumber()</span></p>
122 
	</div>
123 
 
124 
	<div class="col-lg-4" style="border-left:1px solid #f0f0f0;">
125 
		<h4>INVOICE DETAILS</h4>
126 
		<p class="bold-details">Invoice Number <span class="normal-details extra-margin">$fofoOrder.getInvoiceNumber()</span></p>
127 
		<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>
128 
	</div>
129 
 
130 
</div>
131 
 
132 
<div class="row" style="font-size:14px;color:#688a7e;">
133 
	<div class="col-lg-12">
134 
		<table class="table table-striped table-advance table-hover">
135 
			<tbody>
136 
				<tr>
137 
					<th>Item Code</th>
22245 ashik.ali 138 
					<th>Description</th>
22095 kshitij.so 139 
					<th>Unit Price</th>
140 
					<th>Quantity</th>
141 
					<th>Total Price</th>
23419 ashik.ali 142 
					<th>Prebooking Quantity</th>
143 
					<th>Prebooking Amount</th>
22095 kshitij.so 144 
				</tr>
145 
				 #foreach( $fofoLineItem in $fofoLineItems )
146 
				 #set ($total = $fofoLineItem.getSellingPrice() * $fofoLineItem.getQuantity())
147 
				 	<tr>
148 
				 		<td>$fofoLineItem.getItemId()</td>
22245 ashik.ali 149 
				 		<td>
150 
				 			$fofoLineItem.getBrand() $fofoLineItem.getModelName() $fofoLineItem.getModelNumber() $fofoLineItem.getColor()
151 
				 		</td>
22095 kshitij.so 152 
				 		<td>$fofoLineItem.getSellingPrice()</td>
153 
				 		<td>$fofoLineItem.getQuantity()</td>
154 
				 		<td>$total</td>
23419 ashik.ali 155 
				 		#if($itemIdPrebookingOrderItemMap.get($fofoLineItem.getItemId()))
156 
							<td>$itemIdPrebookingOrderItemMap.get($fofoLineItem.getItemId()).getQuantity()</td>
157 
							<td>$itemIdPrebookingOrderItemMap.get($fofoLineItem.getItemId()).getAdvanceAmount()</td>
158 
						#else
159 
							<td>0</td>
160 
							<td>0</td>
161 
						#end
22095 kshitij.so 162 
				 	</tr>
163 
				 #end
164 
			</tbody>
165 
		</table>
166 
	</div>
167 
</div>
168 
 
169 
<div class="row">
22245 ashik.ali 170 
	#if(!$insurancePolicies.isEmpty())
171 
		<div class="col-lg-8">
172 
			<h4>INSURANCE DETAILS</h4>
173 
    		<table class="table table-striped table-advance">
174 
    			<tbody>
175 
    				<tr>
176 
    					<th>Description</th>
177 
    					<th>Serial Number</th>
178 
    					<th>Provider Name</th>
179 
    					<th>Amount</th>
180 
    				</tr>
181 
    				#if(!$insurancePolicies.isEmpty())
182 
		    			#foreach( $insurancePolicy in $insurancePolicies )
183 
		    				<tr>
184 
		    					<td>$insurancePolicy.getBrand() $insurancePolicy.getModelName()</td>
185 
		    					<td>$insurancePolicy.getSerialNumber()</td>
186 
		    					<td>$insurancePolicy.getInsuranceProvider().getName()</td>
187 
		    					<td>$insurancePolicy.getSaleAmount()</td>
188 
		    				</tr>
189 
		    			#end
190 
	    			#end
191 
    			</tbody>
192 
    		</table>
193 
    	</div>
194 
	#end
22095 kshitij.so 195 
	<div class="col-lg-4 right" style="border-left:1px solid #f0f0f0;background:white;font-size:14px;">
196 
		<h4>PAYMENT DETAILS</h4>
197 
		 #foreach( $paymentOption in $paymentOptions )
198 
		 	#if($paymentOption.getAmount() > 0)
199 
		 	<div class="row">
200 
		 		<div class="col-lg-3">
201 
		 			<p class="bold-details">$paymentOption.getType()</p>
202 
		 		</div>
203 
		 		<div class="col-lg-3">
204 
		 			<p class="nomal-details">&#8377; $paymentOption.getAmount()</p>
205 
		 		</div>
206 
		 	</div>
207 
		 	#end
208 
		 #end
209 
		 <hr/>
210 
		 <div class="row">
211 
		 	<div class="col-lg-3">
212 
		 		<p class="bold-details">TOTAL</p>
213 
		 	</div>
214 
		 	<div class="col-lg-3">
215 
		 		<p class="nomal-details">&#8377;$fofoOrder.getTotalAmount() </p>
216 
		 	</div>
217 
		 </div>
218 
	</div>
219 
</div>
220 
 
221 
</section>