Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
33507 tejus.loha 1
<section class="wrapper">
2
    <style>
34085 tejus.loha 3
        /*.inline {*/
4
        /*    display: inline-block;*/
5
        /*    margin-right: 10px; !* Adjust spacing as needed *!*/
6
        /*}*/
7
        /*.left-align {*/
8
        /*    display: flex;*/
9
        /*    align-items: center;*/
10
        /*}*/
11
 
12
        /*.right-align {*/
13
        /*    display: flex;*/
14
        /*    align-items: center;*/
15
        /*}*/
33507 tejus.loha 16
        #paymentDetail:hover {
33582 tejus.loha 17
            background-color: #9acfea;
33507 tejus.loha 18
        }
33525 tejus.loha 19
 
20
        #paymentDetail {
21
            background-color: gainsboro;
22
        }
33578 tejus.loha 23
 
34085 tejus.loha 24
        /*.padd-lr {*/
25
        /*    padding-left: 10px;*/
26
        /*    padding-right: 10px;*/
27
        /*}*/
33582 tejus.loha 28
 
29
        .mk_docVerified {
30
            width: 40px;
31
        }
32
 
33
        .mk_feeCompleted {
34
            width: 40px;
35
        }
33617 tejus.loha 36
 
37
        #allPendingLoiForm td, #allPendingLoiForm th {
38
            min-width: 95px;
39
        }
34085 tejus.loha 40
 
41
        #paymentDetail.hover {
42
            color: #2b669a;
43
        }
44
 
45
        .stack {
46
            clear: both;
47
        }
48
 
49
        /*.pagination {*/
50
        /*    display: flex;*/
51
        /*    gap: 5px;*/
52
        /*    align-items: center;*/
53
        /*    justify-content: center;*/
54
        /*    margin: 20px 0;*/
55
        /*}*/
56
 
57
        /*.pagination button {*/
58
        /*    padding: 8px 12px;*/
59
        /*    border: none;*/
60
        /*    border-radius: 4px;*/
61
        /*    background-color: #f4f4f4;*/
62
        /*    cursor: pointer;*/
63
        /*    transition: background-color 0.3s;*/
64
        /*}*/
65
 
66
        /*button.active {*/
67
        /*    background-color: #007bff;*/
68
        /*    color: white;*/
69
        /*    border: 1px solid #007bff;*/
70
        /*}*/
71
 
72
        /*button {*/
73
        /*    margin: 2px;*/
74
        /*    padding: 5px 10px;*/
75
        /*    cursor: pointer;*/
76
        /*}*/
77
 
78
        /*button:hover:not(.active) {*/
79
        /*    background-color: #f0f0f0;*/
80
        /*}*/
81
 
82
        #allPendingLoiForm td button:focus, #allPendingLoiForm td button:hover {
83
            background-position: unset;
84
            color: #ddd;
85
        }
33507 tejus.loha 86
    </style>
33559 tejus.loha 87
    <div class="row ">
88
        <div class="col-lg-12">
89
            <h3 class="page-header"><i class="icon_document_alt"></i>PENDING LOI</h3>
90
            <ol class="breadcrumb">
91
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
92
                <li><i class="icon_document_alt"></i>Pending LOI Forms</li>
37819 amit 93
                #if($isAuthUser ||$isDocApprover ||$isAccountsUser)
33617 tejus.loha 94
                    <div style="float:right;margin-bottom: 1%">
95
                        From:
96
                        <input type="date" name="from" placeholder="Form">
97
                        To:
98
                        <input type="date" name="to" placeholder="To">
99
                        <button id="downloadAllLoiForm">
34085 tejus.loha 100
                            Download
33617 tejus.loha 101
                        </button>
102
                    </div>
103
                #end
33559 tejus.loha 104
            </ol>
105
        </div>
106
    </div>
33617 tejus.loha 107
    <div>
108
        <div class="col-lg-12">
34085 tejus.loha 109
            ##            <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;">
110
            ####                <div class="right-align">
111
            ####                    <span style="margin-right: 10px;">Search</span>
112
            ####                    <input placeholder="Search Name"
113
            ####                           type="text"
114
            ####                           class="form-control"
115
            ####                           id="loiform-search-by-name"
116
            ####                           name="partner"
117
            ####                           value="">
118
            ####                </div>
119
            ##                <div class="left-align">
120
            ##                    <span>Show</span>
121
            ##                    <select style="width: 70px; height: 30px; margin: 0 10px;" name="pageSize">
122
            ##                        #foreach($size in $pageSizes)
123
            ##                            <option value="$size" #if($size==$pageSize) selected #end>$size</option>
124
            ##                        #end
125
            ##                    </select>
126
            ##                    <span>Entries</span>
127
            ##                </div>
128
            ##            </div>
129
            <div class="pending-loi-forms table-responsive">
130
                <table class="table table-border table-condensed table-bordered table-responsive" id="allPendingLoiForm"
131
                       style="width:100%">
132
                    <thead class="row htable">
33617 tejus.loha 133
                    <tr>
34085 tejus.loha 134
                        <th>Id</th>
135
                        <th>Company Name</th>
136
                        <th>Filled By</th>
137
                        <th>Owner name</th>
138
                        <th>Mobile</th>
139
                        <th>Email</th>
140
                        <th>Billing City</th>
141
                        <th>Total Commit</th>
142
                        <th>Brand Type</th>
143
                        <th>Brand Fee</th>
144
                        <th>Total collection</th>
145
                        <th>Status</th>
146
                        <th>Document Verified</th>
147
                        <th>Brand Fee Completed</th>
148
                        <th>Action</th>
149
                    </tr>
150
                    </thead>
151
                    <tbody id="allPendingLoiFormData">
152
                        #foreach($data in $pendingFormList)
153
                        <tr style="font-weight: bold">
154
                            <input type="hidden" value="$data.getId()">
155
                            <td>$data.getId()</td>
156
                            <td>$data.getCompanyName()</td>
157
                            <td>$data.getLoiFormFilledBy()</td>
158
                            <td>$data.getOwnerName()</td>
159
                            <td>$data.getMobile()</td>
160
                            <td>$data.getEmail()</td>
161
                            <td>$data.getCity()</td>
162
                            <td class="currency">$data.getTotalCommitment()</td>
163
                            #if($isAgreedBrandFeeChanger)
164
                                <td><select name="brandType">
165
                                    $data.getBrandType()
166
                                    #foreach($type in $brandType)
167
                                        <option value="$type" #if($type==$data.getBrandType()) selected
168
                                        #end>$type</option>
169
                                    #end
170
                                </select>
171
                                <td><input name="brandFee" value="$data.getBrandFee()">
172
                                    <div align="right">
173
                                        <button type="button" class="save_agree_brand_fee btn-success"
174
                                                value="$data.getId()">Save
175
                                        </button>
176
                                    </div>
177
                                </td>
178
 
179
                            #else
180
                                <td>$data.getBrandType()</td>
181
                                <td class="currency">$data.getBrandFee()</td>
182
                            #end
183
                            <td class="currency" class="btn btn-primary" id="paymentDetail"
184
                                onclick="getPaymentsDetails($data.getId())" data-toggle="modal"
185
                                data-target="#commonModalDiv"> $data.getTotalFeeCollection()
33710 tejus.loha 186
                            </td>
33845 tejus.loha 187
                            <td>$data.getStatus()</td>
34085 tejus.loha 188
                            #if($data.isDocVerified().equals(true))
189
                                <td style="background-color: #2ac845" class="mk_docVerified">Yes</td>
190
                            #elseif($data.isDocVerified().equals(false))
191
                                <td style="background-color: red" class="mk_docVerified">No</td>
192
                            #else
193
                                <td>--</td>
194
                            #end
37556 ranu 195
                            #if($data.getTotalFeeCollection() >= $data.getBrandFee())
34085 tejus.loha 196
                                <td style="background-color: #2ac845" class="mk_feeCompleted">Yes</td>
197
                            #else
198
                                <td style="background-color: red" class="mk_feeCompleted">No</td>
199
                            #end
33507 tejus.loha 200
 
34085 tejus.loha 201
                            #if(!$data.isPaymentApprover())
202
                                <td>
35971 aman 203
                                    #if($data.getStatus().name() == 'LOI_REJECT')
204
                                        <span style="color:red; font-weight:bold;">LOI Rejected</span>
205
                                        #if($isAuthUser)
206
                                            <button type="button" class="btn-success mk-approve-loi"
207
                                                    value="$data.getId()"
208
                                                    data-company="$data.getCompanyName()" data-flag="1">
209
                                                Re-Approve Loi
210
                                            </button>
211
                                        #end
212
                                    #else
37556 ranu 213
                                        #if(!$data.isLoiOtpPresent() &&  $data.isDocVerified() && $data.getTotalFeeCollection() >= $data.getBrandFee() && !$data.isDocApprover() && $data.isLoiApproved())
34085 tejus.loha 214
                                        <button type="button" class="btn-primary generateLoi" value="$data.getId()">
215
                                            Generate
216
                                            LOI
217
                                        </button>
33712 tejus.loha 218
 
34085 tejus.loha 219
                                    #end
37632 aman 220
                                    #if($data.isLoiSignIncomplete())
221
                                        <span style="color:red; font-weight:bold; display:block;">Partner OTP verified but signed LOI not saved - Generate LOI, Send OTP and Confirm Sign again</span>
222
                                    #end
34085 tejus.loha 223
                                    #if($isAuthUser)
224
                                        <button type="button" class="btn-danger mk-approve-loi" value="$data.getId()"
225
                                                data-company="$data.getCompanyName()" data-flag="0">Reject Loi
226
                                        </button>
227
                                    #end
228
                                    #if(!($data.getLoiFillerEmail().equals($data.getLoginEmail())) && !$data.isDocApprover() && !$data.isLoiApproved() &&!$isAuthUser)
229
                                        <button type="button" class="btn-danger mk-approve-loi" value="$data.getId()"
230
                                                data-company="$data.getCompanyName()" data-flag="0">Reject Loi
231
                                        </button>
232
                                        <button type="button" class="btn-success mk-approve-loi" value="$data.getId()"
233
                                                data-company="$data.getCompanyName()" data-flag="1">
234
                                            Approve Loi
235
                                        </button>
236
                                    #end
33507 tejus.loha 237
 
34085 tejus.loha 238
                                    #if($data.getBrandFee()>$data.getTotalFeeCollection() && !$data.isDocApprover())
239
                                        <button type="button" class="btn-primary payModelBtn" value="$data.getId()"
240
                                                data-toggle="modal" data-target="#brandFeeCollectionModel">Add payment
241
                                        </button>
242
                                    #end
243
                                    #if($data.getLoiDoc()==0 && $data.isSalesTeam() && !$data.isLoiOtpPresent() && !$data.isDocApprover())
244
                                        <button type="button" class="btn-primary updateLoiForm" value="$data.getId()"
245
                                                style="width: 100px">Update
246
                                        </button>
247
                                    #end
248
                                    #if(!$data.isDocVerified() && $data.isSalesTeam()&& !$data.isDocApprover())
249
                                        <button type="button" class="upload-document-form btn-primary"
250
                                                value="$data.getId()">Upload
251
                                            Document
252
                                        </button>
253
                                    #else
254
                                        #if($data.isDocApprover())
255
                                            #if($data.isDocApprover() && !$data.isDocVerified())
256
                                                <button class="upload-document-form btn-primary" value="$data.getId()">
257
                                                    Approve
258
                                                    Document
259
                                                </button>
260
                                            #else
261
                                                <p>Document verified</p>
262
                                            #end
33617 tejus.loha 263
                                        #end
33577 tejus.loha 264
                                    #end
35971 aman 265
                                    #end
34085 tejus.loha 266
                                </td>
267
                            #else
268
                                <td>
269
                                    <button id="paymentDetail"
270
                                            onclick="getPaymentsDetails($data.getId())" data-toggle="modal"
271
                                            data-target="#commonModalDiv">View Payments
272
                                    </button>
273
                                </td>
274
                            #end
275
                        </tr>
33617 tejus.loha 276
                        #end
34085 tejus.loha 277
                    </tbody>
278
                    <tfoot class="row htable">
279
                    <tr>
280
                        <th>Id</th>
281
                        <th>Company Name</th>
282
                        <th>Filled By</th>
283
                        <th>Owner name</th>
284
                        <th>Mobile</th>
285
                        <th>Email</th>
286
                        <th>Billing City</th>
287
                        <th>Total Commit</th>
288
                        <th>Brand Type</th>
289
                        <th>Brand Fee</th>
290
                        <th>Total collection</th>
291
                        <th>Status</th>
292
                        <th>Document Verified</th>
293
                        <th>Brand Fee Completed</th>
294
                        <th>Action</th>
33617 tejus.loha 295
                    </tr>
34085 tejus.loha 296
                    </tfoot>
297
                </table>
298
            </div>
33617 tejus.loha 299
        </div>
34085 tejus.loha 300
 
301
 
302
        ##        <div style="margin-left: 2%" id="paginationInfo">$paginationInfo</div>
303
        ##        <div class="stack">
304
        ##            <div id="pagination" class="pagination"></div>
305
        ##        </div>
33507 tejus.loha 306
    </div>
307
 
308
 
309
    <div class="modal fade" id="brandFeeCollectionModel" role="dialog">
33578 tejus.loha 310
        <div class="modal-dialog modal-lg">
33507 tejus.loha 311
 
312
            <!-- Modal content-->
313
            <div class="modal-content">
314
                <div class="modal-header">
315
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
316
                    <h4 class="modal-title">Brand Fee Collection Form</h4>
317
                </div>
318
                <div class="modal-body" style="max-height: 500px;overflow-y: auto;">
319
                    <form name="brandFeeCollectionForm" id="brandFeeCollectionForm" style="align-content: center"
320
                          method="post">
33885 tejus.loha 321
 
33507 tejus.loha 322
                        <div class="row">
33578 tejus.loha 323
                            <div class="col-lg-2">
33507 tejus.loha 324
                                <div class="form-group">
33578 tejus.loha 325
                                    <label>Amount:</label>
35971 aman 326
                                    <input type="number" name="collectedAmount" class="form-control"
327
                                           placeholder="Enter amount" required></div>
33507 tejus.loha 328
                            </div>
33578 tejus.loha 329
                            <div class="col-lg-2">
33507 tejus.loha 330
                                <div class="form-group">
33578 tejus.loha 331
                                    <label>Payment Mode:</label>
33507 tejus.loha 332
                                    <select class="form-control" name="paymentMode" required>
35971 aman 333
                                        <option value="" selected>Select mode</option>
33507 tejus.loha 334
                                        <option value="UPI">UPI</option>
335
                                        <option value="Cheque">Cheque</option>
336
                                        <option value="IMPS">IMPS</option>
337
                                        <option value="NEFT">NEFT</option>
338
                                        <option value="RTGS">RTGS</option>
339
                                    </select>
340
                                </div>
341
                            </div>
33578 tejus.loha 342
                            <div class="col-lg-2">
33507 tejus.loha 343
                                <div class="form-group">
33578 tejus.loha 344
                                    <label>Reference No:</label>
35971 aman 345
                                    <input type="text" name="paymentReferenceNo" class="form-control"
346
                                           placeholder="Enter reference no" required>
33507 tejus.loha 347
                                </div>
348
                            </div>
33885 tejus.loha 349
                            <div class="col-lg-2">
33507 tejus.loha 350
                                <div class="form-group">
33885 tejus.loha 351
                                    <label>Attachment:</label>
352
                                    <input type="hidden" id="payment-sc-docId" name="paymentAttachment">
37458 aman 353
                                    <input type="file" class="form-control" id="payment-sc-doc" required
354
                                           accept=".jpg,.jpeg,.png,.pdf,image/jpeg,image/png,application/pdf">
355
                                    <span id="payment-sc-status" class="help-block"></span>
33885 tejus.loha 356
                                </div>
357
                            </div>
358
                            <div class="col-lg-3">
359
                                <div class="form-group">
33578 tejus.loha 360
                                    <label>Collecting Date:</label>
361
                                    <input type="datetime-local" name="feeCollectingTimeStamp" class="form-control"
362
                                           required>
363
                                </div>
364
                            </div>
33885 tejus.loha 365
                            <div class="col-lg-1">
33578 tejus.loha 366
                                <div class="form-group">
33507 tejus.loha 367
                                    <button type="button" class="btn-primary " id="addBrandFeePayment" value=""
368
                                            style="margin-top:28px;">Add
369
                                    </button>
370
                                </div>
371
 
372
                            </div>
373
                        </div>
374
                    </form>
375
                </div>
376
                <div class="modal-footer">
377
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
378
                </div>
379
            </div>
380
 
381
        </div>
382
    </div>
383
    <div class="modal fade" id="commonModalDiv" role="dialog">
33885 tejus.loha 384
        <div class="modal-dialog modal-lg" style="width:1300px;">
33507 tejus.loha 385
 
386
            <!-- Modal content-->
387
            <div class="modal-content">
388
                <div class="modal-header">
389
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
390
                </div>
33658 tejus.loha 391
                <div class="modal-body" style="width: 100% ;align-items: center">
33507 tejus.loha 392
                    <div id="commonModalBody">
393
                        ## dynemic model bodies
394
                    </div>
395
                </div>
396
                <div class="modal-footer">
397
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
398
                </div>
399
            </div>
400
 
401
        </div>
402
    </div>
403
 
404
 
405
</section>
406
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>
407
<script>
408
    $(document).ready(function () {
409
        $('.payModelBtn').click(function () {
410
            let loiId = $(this).val();
411
            addBrandFeePayment.value = loiId;
412
        });
413
 
33617 tejus.loha 414
        var dtable = $('#allPendingLoiForm').DataTable({
415
            "scrollX": true,
416
            "scrollY": "500px",
417
            scrollCollapse: true,
418
            "fixedHeader": true,
419
            fixedColumns: {
33845 tejus.loha 420
                leftColumns: 2
33617 tejus.loha 421
            }
33507 tejus.loha 422
 
33617 tejus.loha 423
        });
34085 tejus.loha 424
 
33617 tejus.loha 425
    });
426
 
34085 tejus.loha 427
    function getPaymentsDetails(loiId) {
428
        doGetAjaxRequestHandler(`${context}/paymentsDetail?loiId=` + loiId, function (response) {
429
            //handle response here
430
            $('#commonModalDiv #commonModalBody').html(response);
431
            $('#commonModalDiv').modal('show');
432
        });
433
    }
434
 
435
        ## $(document).ready(function () {
436
        ##     $('.payModelBtn').click(function () {
437
        ##         let loiId = $(this).val();
438
        ##         addBrandFeePayment.value = loiId;
439
        ##     });
440
        ##     // Callback to Handle Page Changes
441
        ##     var page = 1
442
        ##     // pendingPageLoiForm(1);
443
        ##     $('div.modal-backdrop.fade').remove();
444
        ##
445
        ##     function onPageChangeHandler(selectedPage) {
446
        ##         page = selectedPage;
447
        ##         console.log('Selected Page:', selectedPage);
448
        ##         pendingPageLoiForm(selectedPage);
449
        ##     }
450
        ##
451
        ##     createPagination('pagination', $pageCount, page, onPageChangeHandler);
452
        ##     $('#allPendingLoiForm').DataTable({
453
        ##         searching: true,      // Disable searching
454
        ##         paging: false,         // Disable pagination
455
        ##         info: false,           // Disable entity size display
456
        ##         ordering: true,        // Enable sorting
457
        ##         fixedColumns:   {
458
        ##             leftColumns: 2
459
        ##         },
460
        ##     });
461
        ## });
462
        ##
463
        ## function getPaymentsDetails(loiId) {
464
        ##     doGetAjaxRequestHandler(`${context}/paymentsDetail?loiId=` + loiId, function (response) {
465
        ##         //handle response here
466
        ##         $('#commonModalDiv #commonModalBody').html(response);
467
        ##         $('#commonModalDiv').modal('show');
468
        ##     });
469
        ## }
470
        ##
471
        ## $(function () {
472
        ##     getPartnerAheadOptions($("#typeaheadpartner"), function (selectedPartner) {
473
        ##         partnerId = selectedPartner.partnerId;
474
        ##         console.log(partnerId);
475
        ##     });
476
        ## });
33507 tejus.loha 477
</script>