Subversion Repositories SmartDukaan

Rev

Rev 31274 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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

            400
            
        src="resources/js/update-order-customer-details.js?v=${version}"></script>

          

          

            -
            
 

            401
            

          

          

            396
            

            402