Subversion Repositories SmartDukaan

Rev

Rev 31738 | Details | Compare with Previous | Last modification | View Log | RSS feed

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