Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
33507 tejus.loha 1 
<section class="wrapper">
2 
    <style>
3 
        #paymentDetail:hover {
33525 tejus.loha 4 
            background-color: lightgreen;
33507 tejus.loha 5 
        }
33525 tejus.loha 6 
 
7 
        #paymentDetail {
8 
            background-color: gainsboro;
9 
        }
33578 tejus.loha 10 
 
11 
        .padd-lr {
12 
            padding-left: 10px;
13 
            padding-right: 10px;
14 
        }
33507 tejus.loha 15 
    </style>
33559 tejus.loha 16 
    <div class="row ">
17 
        <div class="col-lg-12">
18 
            <h3 class="page-header"><i class="icon_document_alt"></i>PENDING LOI</h3>
19 
            <ol class="breadcrumb">
20 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
21 
                <li><i class="icon_document_alt"></i>Pending LOI Forms</li>
22 
            </ol>
23 
        </div>
24 
    </div>
33507 tejus.loha 25 
    <div class="dataTables_scrollBody">
26 
        <table class="table table-bordered " style="width: 100%">
27 
            <thead>
28 
            <tr>
29 
 
30 
                <th>Owner name</th>
31 
                <th>Company Name</th>
32 
                <th>Billing City</th>
33 
                <th>Total Commitment</th>
34 
                <th>Brand Type</th>
35 
                <th>Brand Fee</th>
36 
                <th>Total collection</th>
37 
                <th>status</th>
38 
                <th>Action</th>
39 
 
40 
 
41 
            </tr>
42 
            </thead>
43 
            <tbody>
44 
                #foreach($data in $pendingFormList)
45 
                <tr>
46 
                    <input type="hidden" value="$data.getId()">
47 
                    <td>$data.getOwnerName()</td>
48 
                    <td>$data.getCompanyName()</td>
49 
                    <td>$data.getCity()</td>
50 
                    <td class="currency">$data.getTotalCommitment()</td>
51 
                    <td>$data.getBrandType()</td>
52 
                    <td class="currency">$data.getBrandFee()</td>
33525 tejus.loha 53 
                    <td class="currency" class="btn btn-primary" id="paymentDetail"
54 
                        onclick="getPaymentsDetails($data.getId())" data-toggle="modal"
55 
                        data-target="#commonModalDiv"> $data.getTotalFeeCollection()
56 
                    </td>
33507 tejus.loha 57 
                    <td>$data.getStatus()</td>
33525 tejus.loha 58 
                    #if(!$data.isPaymentApprover())
59 
                        <td>
60 
                            #if(!$data.isLoiOtpPresent() &&  $data.isDocVerified() && $data.getTotalFeeCollection()!=0.0 && !$data.isDocApprover())
61 
                                <button type="button" class="btn-primary generateLoi" value="$data.getId()">Generate LOI
33507 tejus.loha 62 
                                </button>
33525 tejus.loha 63 
                            #else
64 
                                #if(!$data.isLoiOtpPresent() && !$data.isDocApprover())
65 
                                    <button type="button" value="$data.getId()"
66 
                                            onclick="alert('Once all documents and at least 1st payment verified then you able to generate LOI')">
67 
                                        Generate LOI
68 
                                    </button>
69 
                                #end
33507 tejus.loha 70 
                            #end
71 
 
33525 tejus.loha 72 
                            #if($data.getBrandFee()>$data.getTotalFeeCollection() && !$data.isDocApprover())
73 
                                <button type="button" class="btn-primary payModelBtn" value="$data.getId()"
74 
                                        data-toggle="modal" data-target="#brandFeeCollectionModel">Add payment
75 
                                </button>
76 
                            #end
33577 tejus.loha 77 
                            ##                            #if($data.getLoiDoc()==0 && $data.isSalesTeam() && !$data.isLoiOtpPresent() && !$data.isDocApprover())
78 
                            ##                                <button type="button" class="btn-primary updateOnboardingForm" value="$data.getId()"
79 
                            ##                                        style="width: 100px">Update
80 
                            ##                                </button>
81 
                            ##                            #end
33525 tejus.loha 82 
                            #if(!$data.isDocVerified() && $data.isSalesTeam()&& !$data.isDocApprover())
83 
                                <button class="upload-document-form btn-primary" value="$data.getId()">Upload Document
84 
                                </button>
85 
                            #else
33577 tejus.loha 86 
                                #if($data.isDocApprover())
87 
                                    #if($data.isDocApprover() && !$data.isDocVerified())
88 
                                        <button class="upload-document-form btn-primary" value="$data.getId()">Approve
89 
                                            Document
90 
                                        </button>
91 
                                    #else
92 
                                        <p>Document verified</p>
93 
                                    #end
94 
                                #end
33525 tejus.loha 95 
                            #end
96 
                        </td>
97 
                    #else
98 
                        <td>
99 
                            <button id="paymentDetail"
100 
                                    onclick="getPaymentsDetails($data.getId())" data-toggle="modal"
33577 tejus.loha 101 
                                    data-target="#commonModalDiv">View Payments
33507 tejus.loha 102 
                            </button>
33525 tejus.loha 103 
                        </td>
104 
                    #end
33507 tejus.loha 105 
                </tr>
106 
                #end
107 
            </tbody>
108 
        </table>
109 
    </div>
110 
 
111 
 
112 
    <div class="modal fade" id="brandFeeCollectionModel" role="dialog">
33578 tejus.loha 113 
        <div class="modal-dialog modal-lg">
33507 tejus.loha 114 
 
115 
            <!-- Modal content-->
116 
            <div class="modal-content">
117 
                <div class="modal-header">
118 
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
119 
                    <h4 class="modal-title">Brand Fee Collection Form</h4>
120 
                </div>
121 
                <div class="modal-body" style="max-height: 500px;overflow-y: auto;">
122 
                    <form name="brandFeeCollectionForm" id="brandFeeCollectionForm" style="align-content: center"
123 
                          method="post">
124 
                        <div class="row">
33578 tejus.loha 125 
 
126 
                            <div class="col-lg-2">
33507 tejus.loha 127 
                                <div class="form-group">
33578 tejus.loha 128 
                                    <label>Amount:</label>
33507 tejus.loha 129 
                                    <input type="number" name="collectedAmount" class="form-control" required></div>
130 
                            </div>
33578 tejus.loha 131 
                            <div class="col-lg-2">
33507 tejus.loha 132 
                                <div class="form-group">
33578 tejus.loha 133 
                                    <label>Payment Mode:</label>
33507 tejus.loha 134 
                                    <select class="form-control" name="paymentMode" required>
135 
                                        <option selected>Select mode</option>
136 
                                        <option value="UPI">UPI</option>
137 
                                        <option value="Cheque">Cheque</option>
138 
                                        <option value="IMPS">IMPS</option>
139 
                                        <option value="NEFT">NEFT</option>
140 
                                        <option value="RTGS">RTGS</option>
141 
                                    </select>
142 
                                </div>
143 
                            </div>
33578 tejus.loha 144 
                            <div class="col-lg-2">
33507 tejus.loha 145 
                                <div class="form-group">
33578 tejus.loha 146 
                                    <label>Reference No:</label>
33507 tejus.loha 147 
                                    <input type="text" name="paymentReferenceNo" class="form-control" required>
148 
                                </div>
149 
                            </div>
33578 tejus.loha 150 
                            <div class="col-lg-4">
33507 tejus.loha 151 
                                <div class="form-group">
33578 tejus.loha 152 
                                    <label>Collecting Date:</label>
153 
                                    <input type="datetime-local" name="feeCollectingTimeStamp" class="form-control"
154 
                                           required>
155 
                                </div>
156 
                            </div>
157 
                            <div class="col-lg-2">
158 
                                <div class="form-group">
33507 tejus.loha 159 
                                    <button type="button" class="btn-primary " id="addBrandFeePayment" value=""
160 
                                            data-dismiss="modal"
161 
                                            style="margin-top:28px;">Add
162 
                                    </button>
163 
                                </div>
164 
 
165 
                            </div>
166 
                        </div>
167 
                    </form>
168 
                </div>
169 
                <div class="modal-footer">
170 
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
171 
                </div>
172 
            </div>
173 
 
174 
        </div>
175 
    </div>
176 
    <div class="modal fade" id="commonModalDiv" role="dialog">
33578 tejus.loha 177 
        <div class="modal-dialog modal-lg">
33507 tejus.loha 178 
 
179 
            <!-- Modal content-->
180 
            <div class="modal-content">
181 
                <div class="modal-header">
182 
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
183 
                </div>
184 
                <div class="modal-body" style="width: 100%">
185 
                    <div id="commonModalBody">
186 
                        ## dynemic model bodies
187 
                    </div>
188 
                </div>
189 
                <div class="modal-footer">
190 
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
191 
                </div>
192 
            </div>
193 
 
194 
        </div>
195 
    </div>
196 
 
197 
 
198 
</section>
199 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>
200 
<script>
201 
    $(document).ready(function () {
202 
        $('.payModelBtn').click(function () {
203 
            let loiId = $(this).val();
204 
            addBrandFeePayment.value = loiId;
205 
        });
206 
    });
207 
 
208 
    function getPaymentsDetails(loiId) {
209 
        doGetAjaxRequestHandler(`${context}/paymentsDetail?loiId=` + loiId, function (response) {
210 
            //handle response here
211 
            $('#commonModalDiv #commonModalBody').html(response);
212 
        });
213 
    }
214 
 
215 
 
216 
</script>
217 
<style>
218 
    #paymentDetail.hover {
219 
        color: #2b669a;
220 
    }
221 
</style>