Subversion Repositories SmartDukaan

Rev

Rev 33885 | Rev 34085 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<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>Id</th>
                    <th>Company Name</th>
                    <th>Filled By</th>
                    <th>Owner name</th>
                    <th>Mobile</th>
                    <th>Email</th>
                    <th>Billing City</th>
                    <th>Total Commit</th>
                    <th>Brand Type</th>
                    <th>Brand Fee</th>
                    <th>Total collection</th>
                    <th>Status</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.getId()</td>
                        <td>$data.getCompanyName()</td>
                        <td>$data.getLoiFormFilledBy()</td>
                        <td>$data.getOwnerName()</td>
                        <td>$data.getMobile()</td>
                        <td>$data.getEmail()</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>
                            <td>$data.getStatus()</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() && $data.isLoiApproved())
                                    <button type="button" class="btn-primary generateLoi" value="$data.getId()">Generate
                                        LOI
                                    </button>

                                #end
                                #if(!($data.getLoiFillerEmail().equals($data.getLoginEmail())) && !$data.isDocApprover() && !$data.isLoiApproved())
                                    <button type="button" class="btn-danger mk-approve-loi" value="$data.getId()"
                                            data-company="$data.getCompanyName()" data-flag="0">Reject Loi
                                    </button>
                                    <button type="button" class="btn-success mk-approve-loi" value="$data.getId()"
                                            data-company="$data.getCompanyName()" data-flag="1">
                                        Approve Loi
                                    </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()">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>


    <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-2">
                                <div class="form-group">
                                    <label>Attachment:</label>
                                    <input type="hidden" id="payment-sc-docId" name="paymentAttachment">
                                    <input type="file" class="form-control" id="payment-sc-doc" required>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label>Collecting Date:</label>
                                    <input type="datetime-local" name="feeCollectingTimeStamp" class="form-control"
                                           required>
                                </div>
                            </div>
                            <div class="col-lg-1">
                                <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:1300px;">

            <!-- 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% ;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);
            $('#commonModalDiv').modal('show');

        });
    }

    $(document).ready(function () {
        var dtable = $('#allPendingLoiForm').DataTable({
            "scrollX": true,
            "scrollY": "500px",
            scrollCollapse: true,
            "fixedHeader": true,
            fixedColumns: {
                leftColumns: 2
            }

        });
    });

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