Rev 33711 | Rev 33845 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed
<link href="https://cdn.datatables.net/fixedcolumns/3.3.0/css/fixedColumns.bootstrap.css" rel="stylesheet"/><section class="wrapper"><style>#paymentDetail:hover {background-color: #9acfea;}#paymentDetail {background-color: gainsboro;}.padd-lr {padding-left: 10px;padding-right: 10px;}.mk_docVerified {width: 40px;}.mk_feeCompleted {width: 40px;}#allPendingLoiForm td, #allPendingLoiForm th {min-width: 95px;}</style><div class="row "><div class="col-lg-12"><h3 class="page-header"><i class="icon_document_alt"></i>PENDING LOI</h3><ol class="breadcrumb"><li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li><li><i class="icon_document_alt"></i>Pending LOI Forms</li>#if($isAuthUser ||$isDocApprover)<div style="float:right;margin-bottom: 1%">From:<input type="date" name="from" placeholder="Form">To:<input type="date" name="to" placeholder="To"><button id="downloadAllLoiForm">Downlod</button></div>#end</ol></div></div><div><div class="col-lg-12"><table class="table table-border table-condensed table-bordered" id="allPendingLoiForm" style="width:100%"><thead class="row htable"><tr><th>Filled By</th><th>Owner name</th><th>Company Name</th><th>Billing City</th><th>Total Commit</th><th>Brand Type</th><th>Brand Fee</th><th>Total collection</th><th>Document Verified</th><th>Brand Fee Completed</th><th>Action</th></tr></thead><tbody>#foreach($data in $pendingFormList)<tr><input type="hidden" value="$data.getId()"><td>$data.getLoiFormFilledBy()</td><td>$data.getOwnerName()</td><td>$data.getCompanyName()</td><td>$data.getCity()</td><td class="currency">$data.getTotalCommitment()</td><td>$data.getBrandType()</td>#if($isAgreedBrandFeeChanger)<td><input name="brandFee" value="$data.getBrandFee()"><div align="right"><button type="button" class="save_agree_brand_fee btn-success"value="$data.getId()">Save</button></div></td>#else<td class="currency">$data.getBrandFee()</td>#end<td class="currency" class="btn btn-primary" id="paymentDetail"onclick="getPaymentsDetails($data.getId())" data-toggle="modal"data-target="#commonModalDiv"> $data.getTotalFeeCollection()</td>#if($data.isDocVerified().equals(true))<td style="background-color: #2ac845" class="mk_docVerified">Yes</td>#elseif($data.isDocVerified().equals(false))<td style="background-color: red" class="mk_docVerified">No</td>#else<td>--</td>#end#if($data.getBrandFee()==$data.getTotalFeeCollection())<td style="background-color: #2ac845" class="mk_feeCompleted">Yes</td>#else<td style="background-color: red" class="mk_feeCompleted">No</td>#end#if(!$data.isPaymentApprover())<td>#if(!$data.isLoiOtpPresent() && $data.isDocVerified() && $data.getTotalFeeCollection()!=0.0 && !$data.isDocApprover())<button type="button" class="btn-primary generateLoi" value="$data.getId()">GenerateLOI</button>#else#if(!$data.isLoiOtpPresent() && !$data.isDocApprover())<button type="button" value="$data.getId()"onclick="alert('Once all documents and at least 1st payment verified then you able to generate LOI')">Generate LOI</button>#end#end#if($isAuthUser && !$data.isLoiOtpPresent())<button type="button" class="btn-danger cancel_loi" value="$data.getId()"data-company="$data.getCompanyName()">Cancel</button>#end#if($data.getBrandFee()>$data.getTotalFeeCollection() && !$data.isDocApprover())<button type="button" class="btn-primary payModelBtn" value="$data.getId()"data-toggle="modal" data-target="#brandFeeCollectionModel">Add payment</button>#end#if($data.getLoiDoc()==0 && $data.isSalesTeam() && !$data.isLoiOtpPresent() && !$data.isDocApprover())<button type="button" class="btn-primary updateLoiForm" value="$data.getId()"style="width: 100px">Update</button>#end#if(!$data.isDocVerified() && $data.isSalesTeam()&& !$data.isDocApprover())<button type="button" class="upload-document-form btn-primary"value="$data.getId()">UploadDocument</button>#else#if($data.isDocApprover())#if($data.isDocApprover() && !$data.isDocVerified())<button class="upload-document-form btn-primary" value="$data.getId()">ApproveDocument</button>#else<p>Document verified</p>#end#end#end</td>#else<td><button id="paymentDetail"onclick="getPaymentsDetails($data.getId())" data-toggle="modal"data-target="#commonModalDiv">View Payments</button></td>#end</tr>#end</tbody></table></div></div><div class="modal fade" id="brandFeeCollectionModel" role="dialog"><div class="modal-dialog modal-lg"><!-- Modal content--><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button><h4 class="modal-title">Brand Fee Collection Form</h4></div><div class="modal-body" style="max-height: 500px;overflow-y: auto;"><form name="brandFeeCollectionForm" id="brandFeeCollectionForm" style="align-content: center"method="post"><div class="row"><div class="col-lg-2"><div class="form-group"><label>Amount:</label><input type="number" name="collectedAmount" class="form-control" required></div></div><div class="col-lg-2"><div class="form-group"><label>Payment Mode:</label><select class="form-control" name="paymentMode" required><option selected>Select mode</option><option value="UPI">UPI</option><option value="Cheque">Cheque</option><option value="IMPS">IMPS</option><option value="NEFT">NEFT</option><option value="RTGS">RTGS</option></select></div></div><div class="col-lg-2"><div class="form-group"><label>Reference No:</label><input type="text" name="paymentReferenceNo" class="form-control" required></div></div><div class="col-lg-4"><div class="form-group"><label>Collecting Date:</label><input type="datetime-local" name="feeCollectingTimeStamp" class="form-control"required></div></div><div class="col-lg-2"><div class="form-group"><button type="button" class="btn-primary " id="addBrandFeePayment" value=""data-dismiss="modal"style="margin-top:28px;">Add</button></div></div></div></form></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button></div></div></div></div><div class="modal fade" id="commonModalDiv" role="dialog"><div class="modal-dialog modal-lg" style="width:1000px;"><!-- Modal content--><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button></div><div class="modal-body" style="width: 100% ;align-items: center"><div id="commonModalBody">## dynemic model bodies</div></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button></div></div></div></div></section><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script><script>$(document).ready(function () {$('.payModelBtn').click(function () {let loiId = $(this).val();addBrandFeePayment.value = loiId;});});function getPaymentsDetails(loiId) {doGetAjaxRequestHandler(`${context}/paymentsDetail?loiId=` + loiId, function (response) {//handle response here$('#commonModalDiv #commonModalBody').html(response);});}$(document).ready(function () {var dtable = $('#allPendingLoiForm').DataTable({"scrollX": true,"scrollY": "500px",scrollCollapse: true,"fixedHeader": true,fixedColumns: {leftColumns: 1}});});</script><style>#paymentDetail.hover {color: #2b669a;}</style>