Subversion Repositories SmartDukaan

<section class="wrapper">
    <style>
        #paymentDetail:hover {
            background-color: lightgreen;
        }

        #paymentDetail {
            background-color: gainsboro;
        }

        .padd-lr {
            padding-left: 10px;
            padding-right: 10px;
        }
    </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>
            </ol>
        </div>
    </div>
    <div class="dataTables_scrollBody">
        <table class="table table-bordered " style="width: 100%">
            <thead>
            <tr>

                <th>Owner name</th>
                <th>Company Name</th>
                <th>Billing City</th>
                <th>Total Commitment</th>
                <th>Brand Type</th>
                <th>Brand Fee</th>
                <th>Total collection</th>
                <th>status</th>
                <th>Action</th>


            </tr>
            </thead>
            <tbody>
                #foreach($data in $pendingFormList)
                <tr>
                    <input type="hidden" value="$data.getId()">
                    <td>$data.getOwnerName()</td>
                    <td>$data.getCompanyName()</td>
                    <td>$data.getCity()</td>
                    <td class="currency">$data.getTotalCommitment()</td>
                    <td>$data.getBrandType()</td>
                    <td class="currency">$data.getBrandFee()</td>
                    <td class="currency" class="btn btn-primary" id="paymentDetail"
                        onclick="getPaymentsDetails($data.getId())" data-toggle="modal"
                        data-target="#commonModalDiv"> $data.getTotalFeeCollection()
                    </td>
                    <td>$data.getStatus()</td>
                    #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()">Generate LOI
                                </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($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 updateOnboardingForm" value="$data.getId()"
                            ##                                        style="width: 100px">Update
                            ##                                </button>
                            ##                            #end
                            #if(!$data.isDocVerified() && $data.isSalesTeam()&& !$data.isDocApprover())
                                <button class="upload-document-form btn-primary" value="$data.getId()">Upload Document
                                </button>
                            #else
                                #if($data.isDocApprover())
                                    #if($data.isDocApprover() && !$data.isDocVerified())
                                        <button class="upload-document-form btn-primary" value="$data.getId()">Approve
                                            Document
                                        </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 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">&times;</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">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body" style="width: 100%">
                    <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);
        });
    }


</script>
<style>
    #paymentDetail.hover {
        color: #2b669a;
    }
</style>