Subversion Repositories SmartDukaan

Rev

Rev 31431 | Blame | Compare with Previous | Last modification | View Log | RSS feed

    <section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>PARTNER ONBOARDING REJECT</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>Partner Onboarding Reject</li>
            </ol>
        </div>
    </div>

        ## Search Box
        <div class="col-lg-12" style="margin-bottom: 15px;">
            <div class="row">
                <div class="col-lg-8">
                    <label style="margin-right: 10px;"><strong>Search:</strong></label>
                    <input type="text" id="rejectSearch" class="form-control"
                           style="width: 250px; display: inline-block;"
                           placeholder="Outlet, Phone, Code, City..." value="$!search">
                    <button type="button" class="btn btn-primary" id="rejectSearchBtn" style="margin-left: 5px;">
                        <i class="fa fa-search"></i> Search
                    </button>
                    #if($search && $search != "")
                        <button type="button" class="btn btn-default" id="clearRejectSearchBtn"
                                style="margin-left: 5px;">
                            Clear
                        </button>
                    #end
                </div>
            </div>
        </div>

        <div class="col-lg-12">
        <table class="table table-border table-condensed table-bordered" id="oboardingreject" style="width:100%">

            <thead class="row htable">

            <tr style="color:black;">
                 <th>Id</th>
                 <th>Outlet Name(SM)</th>
                <th>Created On</th>
                <th>Acquired Date()</th>
                <th>Outlet Name(SM)</th>
                <th>Phone Number(SM)</th>
                <th>RBM Name(SM)</th>     
                <th>City (SM)</th>
                <th>State Head(SM)</th>
                <th>BDM (SM)</th>
                <th>Agreed Brand fees(SM)</th>
                <th>Received Brand fees(SM)</th>
                 <th>Final Brand fees(SM)</th>
                <th>Agreed Wallet(SM)</th>
                <th>Adv Stock Date(SM)</th>
                <th>KYC (SM)</th>
                <th>Aadhaar(legal)</th>
                <th>pan(legal)</th>
                <th>GST(legal)</th>
                <th>Cancel cheque(legal)</th>
                <th>Rent agreement/Owner ship proof(legal)</th>
                <th>LOI(legal)</th>
                <th>Code(legal)</th>
                <th>Recee Planed(Kamini)</th>
                <th>Recee Actual(Kamini)</th>
                <th>Designing Planed(Kamini)</th>
                <th>Designing Actual(Kamini)</th>
                <th>Stock payment(kamini)</th>
                <th>Expected Date(kamini)</th>
                <th>Pay Date(Kamini)</th>
                <th>Inaugration(SM)</th>
                <th>Billing Status(Kamini)</th>
                <th>Verification</th>

            </tr>
            </thead>
            <tbody>
                #foreach($pob in $user )
                <tr id="trow2">
                    #if($pob.getId())
                        <td> <i class="far fa-arrow-alt-circle-up" style="background:green"></i>$pob.getId()</td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down"></i>$pob.getId()</td>
                    #end
                   
                      #if($pob.getOutLetName() && $pob.getOutLetName() != "")
                        <td> <i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="text" placeholder="OutLet Name" value="$pob.getOutLetName()" name="outlateName"
                                   disabled></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="text" placeholder="OutLet Name" name="outlateName"  disabled></td>
                    #end
                   
                    #if($pob.getCreatedTimestamp())
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i>$pob.getCreatedTimestamp().format($datehiphenFormatter)</td>
                        #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i>
                        </td>
                     #end 
                    
                    
                    #if($pob.getAcquiredDate())
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="date" class="acquired" placeholder="Acquired Date(SM)" disabled
                                   name="acquireddate"
                                   value="$pob.getAcquiredDate().format($datehiphenFormatter)"></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="date" class="acquired" placeholder="Acquired Date(SM)" disabled
                                   name="acquireddate">
                        </td>
                    #end 
                    
                    #if($pob.getOutLetName() && $pob.getOutLetName() != "")
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="text" placeholder="OutLet Name" value="$pob.getOutLetName()" name="outlateName"
                                   disabled></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="text" placeholder="OutLet Name" name="outlateName" disabled></td>
                    #end
                   
                    #if($pob.getPhoneNumber() && $pob.getPhoneNumber() != 0)
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i>
                        <input type="number" placeholder="9999999999" value="$pob.getPhoneNumber()"
                                   name="phonenumber1"
                                   disabled ></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="number" placeholder="9999999999" name="phonenumber1" disabled></td>
                    #end
                    
                     
                    #if($pob.getAuthId() && $pob.getAuthId() != 0)
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="hidden" value ="$pob.getAuthId()"/><input type="text" placeholder="RBM Name(SM)" disabled name="rbmAuthId" value="$authUseMap.get($pob.getAuthId()).getFullName()"></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="text" placeholder="RBM Name(SM)" disabled name="rbmAuthId"></td>
                    #end
                    
                     #if($pob.getCity() && $pob.getCity() != "")
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="text" placeholder="City (SM)" disabled name="city1" value="$pob.getCity()"></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="text" placeholder="City (SM)" disabled name="city1"></td>
                    #end
                    
                    
                    #if($pob.getStateHead() && $pob.getStateHead() != "")
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="text" placeholder="State Head(SM)" disabled name="shead1"
                                   value="$pob.getStateHead()"></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="text" placeholder="State Head(SM)" disabled name="shead1"></td>
                    #end
                    #if($pob.getBDM() && $pob.getBDM() != "")
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="text" placeholder="BDM (SM)" disabled name="bdm1" value="$pob.getBDM()"></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="text" placeholder="BDM (SM)" disabled name="bdm1"></td>
                    #end
                   
                     #if($pob.getAgreedBrandFees() != 0)
                     
                     #if($pob.getReceivedBrandFees() >= $pob.getAgreedBrandFees())
                    
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="text" placeholder="Agreed Brand fees(SM)" disabled name="abrand1"
                                   value="$pob.getAgreedBrandFees()" ></td>
                       #else            
                             <td><i class="far fa-arrow-alt-circle-down" style="background:red;"></i><input type="text" placeholder="Agreed Brand fees(SM)" disabled name="abrand1"
                                   value="$pob.getAgreedBrandFees()" ></td>    
                      #end  
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="text" placeholder="Agreed Brand fees(SM)" disabled name="abrand1"></td>
                    #end
                    
                    
                    #if($pob.getReceivedBrandFees()!= 0)

                          #if($pob.getReceivedBrandFees() >= $pob.getAgreedBrandFees())
                              <td> <i class="far fa-arrow-alt-circle-up" style="background:green"></i> <input type="text" placeholder="Received Brand fees" disabled name="recbrand1"
                                   value="$pob.getReceivedBrandFees()"></td>
                          #else
                            <td style="background:red;"><i class="far fa-arrow-alt-circle-up" style="background:red"></i><input type="text" placeholder="Received Brand fees" disabled name="recbrand1"
                                   value="$pob.getReceivedBrandFees()"></td>
                          #end
         
                     #else
                        <td> <i class="far fa-arrow-alt-circle-up" style="background:pink;"></i><input type="text" placeholder="Received Brand fees" disabled name="recbrand1"></td>
                    #end
                     
                     
                       
                     #if($pob.getFinalBrandFeesDate())

                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="date" placeholder="Brand fees Date(SM)" disabled name="BrandFeesdate1" id="brandfeesdate"
                                   value="$pob.getFinalBrandFeesDate().format($datehiphenFormatter)"
                                   ></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="date" placeholder="Brand Fees Date(SM)" disabled name="BrandFeesdate1"></td>
                    #end
                  
                    #if($pob.getAgreedWallet()!= 0)
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="text" placeholder="Agreed Wallet(SM)" disabled name="awallet"
                                   value="$pob.getAgreedWallet()" ></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="text" placeholder="Agreed Wallet(SM)" disabled name="awallet"></td>
                    #end

                    #if($pob.getInvestmentDate())

                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="date" placeholder="Investment Date(SM)" disabled name="idate1" id="idate"
                                   value="$pob.getInvestmentDate().format($datehiphenFormatter)"
                                   ></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="date" placeholder="Investment Date(SM)" disabled name="idate1"></td>
                    #end
                    #if($pob.getKyc() && $pob.getKyc() != 0)
                        <td class="kyc docfile">
                        <i class="far fa-arrow-alt-circle-up" style="background:green"></i>
                            <input type="hidden" class="kychidden" value="$pob.getKyc()">
                            <input type="file" class="kyc" placeholder="KYC (SM)" disabled name="kyc1"
                                   value="$pob.getKyc()">
                            ##<button type="button" class="btn btn-primary download-kyc-file" data-docpid="$pob.getKyc()" data-id="$pob.getId()">Download Document</button>
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getKyc()" class="download">Download Doc</a>
                             <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>
                             
                        </td>
                    #else
                        <td class="kyc docfile"><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i>
                            <input type="hidden">
                            <input type="file" id="kyc" placeholder="KYC (SM)" disabled name="kyc1">
                        </td>
                    #end

                    #if($pob.getAadharDoc()  && $pob.getAadharDoc() != 0)
                        <td class="aadhar docfile">
                         <i class="far fa-arrow-alt-circle-up" style="background:green"></i>
                            <input type="hidden" class="aadharhidden" value="$pob.getAadharDoc()">
                            <input type="file" class="aadhar" placeholder="aadhar" disabled name="aadhar1"
                                   value="$pob.getAadharDoc()">
                             <a href="${rc.contextPath}/download-attachment?documentId=$pob.getAadharDoc()" class="download">Download
                                Doc</a>
                          <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>

                        </td>
                    #else
                        <td class="aadhar docfile">
                        <i class="far fa-arrow-alt-circle-down" style="background:pink;"></i>
                            <input type="hidden">
                            <input type="file" class="aadhar" placeholder="aadhar" disabled name="aadhar1">
                        </td>
                    #end
                    #if($pob.getPanDoc() && $pob.getPanDoc() != 0)
                        <td class="pan docfile">
                         <i class="far fa-arrow-alt-circle-up" style="background:green"></i>
                            <input type="hidden" class="panhidden" value="$pob.getPanDoc()">
                            <input type="file" class="pandoc" placeholder="pan(SM)" disabled name="pan1"
                                   value="$pob.getPanDoc()">
                        ##<button type="button" class="btn btn-primary download-pan-file" data-docpid="$pob.getPanDoc()" data-id="$pob.getId()">Download Document</button>
                        <a href="${rc.contextPath}/download-attachment?documentId=$pob.getPanDoc()" class="download">Download Doc</a>
                               <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>
                        </td>
                    #else
                        <td class="pan docfile">
                         <i class="far fa-arrow-alt-circle-down" style="background:pink;"></i>
                            <input type="hidden">
                            <input type="file" class="pandoc" placeholder="pan(SM)" disabled name="pan1">
                        </td>
                    #end
                    #if($pob.getGstdoc()  && $pob.getGstdoc() != 0)
                        <td class="gst docfile">
                         <i class="far fa-arrow-alt-circle-up" style="background:green"></i>
                            <input type="hidden" class="gsthidden" value="$pob.getGstdoc()">
                            <input type="file" class="gstdoc" placeholder="GST(SM)" disabled name="gst1"
                                   value="$pob.getGstdoc()">
                            ##<button type="button" class="btn btn-primary download-gst-file" data-docpid="$pob.getGstdoc()" data-id="$pob.getId()">Download Document</button>
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getGstdoc()" class="download">Download Doc</a>
                            <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>
                        </td>
                    #else
                        <td class="gst docfile">
                         <i class="far fa-arrow-alt-circle-down" style="background:pink;"></i>
                            <input type="hidden">
                            <input type="file" class="gstdoc" placeholder="GST(SM)" disabled name="gst1">
                        </td>
                    #end
                    #if($pob.getCancelCheque() && $pob.getCancelCheque() != 0)

                        <td class="cancheque docfile">
                         <i class="far fa-arrow-alt-circle-up" style="background:green"></i>
                            <input type="hidden" class="canchequehidden" value="$pob.getCancelCheque()">
                           <input type="file" class="canchequedoc" placeholder="Cancel cheque(SM)" disabled name="cancheque1"
                            value="$pob.getCancelCheque()">
                            ##<button type="button" class="btn btn-primary download-cancheque-file" data-docpid="$pob.getCancelCheque()" data-id="$pob.getId()">Download Document</button>
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getCancelCheque()" class="download">Download
                                Doc</a>
                                <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>

                        </td>

                    #else
                        <td class="cancheque docfile">
                        <i class="far fa-arrow-alt-circle-down" style="background:pink;"></i>
                            <input type="hidden">
                            <input type="file" class="canchequedoc" placeholder="Cancel cheque(SM)" disabled
                                   name="cancheque1">
                        </td>
                    #end
                     #if($pob.getRentAgreement() && $pob.getRentAgreement() != 0)
                        <td class="rent docfile">
                        <i class="far fa-arrow-alt-circle-up" style="background:green"></i>
                            <input type="hidden" class="renthidden" value="$pob.getRentAgreement()">
                            <input type="file" class="rentdoc" placeholder="Rent agreement/Owner ship proof(SM)" disabled name="ragreement1"
                                   value="$pob.getRentAgreement()">
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getRentAgreement()" class="download">Download Doc</a>
                     <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>
                        </td>
                      #else
                       
                        <td class="rent docfile">
                        <i class="far fa-arrow-alt-circle-down" style="background:pink;"></i>
                        <input type="hidden">
                        <input type="file" placeholder="Rent agreement/Owner ship proof(SM)" disabled name="ragreement1">
                        </td>
                    #end
                    
                     #if($pob.getLOI() && $pob.getLOI() != 0)
                        <td class="loi docfile" >
                        <i class="far fa-arrow-alt-circle-up" style="background:green"></i>
                            <input type="hidden" class="loihidden" value="$pob.getLOI()">
                            <input type="file" class="loidoc" placeholder="LOI(SM)" disabled  value="$pob.getLOI()">
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getLOI()" class="download">Download Doc</a>
                       <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>
                       
                        </td>
                      #else
                      
                        <td class="loi docfile">
                         <i class="far fa-arrow-alt-circle-down" style="background:pink;"></i>
                         <input type="hidden">
                        <input type="file" placeholder="LOI(SM)" disabled name="loi1">
                        </td>
                    #end
                    
                   
                   
                    #if($pob.getCode() && $pob.getCode() != "")
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="text" placeholder="Code(SM)" disabled name="code1" value="$pob.getCode()"
                                   ></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="text" placeholder="Code(SM)" disabled name="code1"></td>
                    #end
                   
                   
                    #if($pob.getReceePlaned())
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="date" id="rplaned" placeholder="Recee Planed(Kamini)" disabled name="rplaned1"
                                   value="$pob.getReceePlaned().format($datehiphenFormatter)" >
                        </td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="date" id="rplaned" placeholder="Recee Planed(Kamini)" disabled name="rplaned1">
                        </td>
                    #end
                    #if($pob.getReceeActual())
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="date" id="ractual" placeholder="Recee Actual(Kamini)" disabled name="ractual1"
                                   value="$pob.getReceeActual().format($datehiphenFormatter)" >
                        </td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="date" id="ractual" placeholder="Recee Actual(Kamini)" disabled name="ractual1">
                        </td>
                    #end

                    #if($pob.getDesigningPlaned())
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="date" id="dplaned" placeholder="Designing Planed(Kamini)" disabled
                                   name="dplaned1"
                                   value="$pob.getDesigningPlaned().format($datehiphenFormatter)"></td>
                    #else
                        <td>
                        <i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="date" id="dplaned" placeholder="Designing Planed(Kamini)" disabled
                                   name="dplaned1">
                        </td>
                    #end
                    #if($pob.getDeploymentDate())
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="date" id="dactual" placeholder="Designing Actual(Kamini)" disabled
                                   name="dactual1"
                                   value="$pob.getDeploymentDate().format($datehiphenFormatter)"></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="date" id="dactual" placeholder="Designing Actual(Kamini)" disabled
                                   name="dactual1">
                        </td>
                    #end
                    #if($pob.getStockPayment()!= 0)
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="text" placeholder="Stock payment(kamini)" disabled name="spayment1"
                                   value="$pob.getStockPayment()"></td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="text" placeholder="Stock payment(kamini)" disabled name="spayment1""></td>
                    #end

                 
                    
                     #if($pob.getExpectedDate())
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="date" class="expdate" placeholder="Expected Date(Kamini)" disabled  value="$pob.getExpectedDate().format($datehiphenFormatter)" >
                        </td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="date" class="expdate" placeholder="Expected Date(Kamini)" disabled>
                        </td>
                    #end

                    #if($pob.getPayDate())
                        <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i>
                          <input type="date" class="paydate" placeholder="pay Date(Kamini)" disabled  value="$pob.getPayDate().format($datehiphenFormatter)"  >
                        </td>
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="date" class="paydate" placeholder="Pay Date(Kamini)" disabled >
                        </td>
                    #end

                    #if($pob.getInaugrationDate())
                    #if($pob.getDeploymentDate())
                     <td><i class="far fa-arrow-alt-circle-up" style="background:green"></i><input type="date" class="inaugrationDate" placeholder="Inaugration Date (SM)" disabled  value="$pob.getInaugrationDate().format($datehiphenFormatter)" >
                        </td>
                    #else
                     <td><i class="far fa-arrow-alt-circle-down" style="background:red;"></i><input type="date" class="inaugrationDate" placeholder="Inaugration Date (SM)" disabled  value="$pob.getInaugrationDate().format($datehiphenFormatter)" >
                        </td>
                    #end
                    #else
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink;"></i><input type="date" class="inaugrationDate" placeholder="Inaugration Date (SM)" disabled>
                        </td>
                    #end 


                                        <td #if($pob.getBillingStatus()==0) style="background-color:pink"#else style="background-color:lime" #end>
                                                <input type="checkbox" disabled #if($pob.getBillingStatus()>0) checked #end >
                        #if($pob.getBillingStatus()>0) 
                        <label> YES</label>
                        #else
                         <label>NO</label>
                        #end   
                    </td> 
                    
                    
                   #if($partnerVerificationStatusMap.get($pob.getId()))
                   
                   #if($partnerVerificationStatusMap.get($pob.getId())== "YES")
                     <td><i class="far fa-arrow-alt-circle-up" style="background:green;"></i><input type="text" name= "verificationStatusOnboarding"class="verificationStatus" placeholder="" disabled  value="APPROVED" >
                        </td>
                        
                       #elseif($partnerVerificationStatusMap.get($pob.getId())== "NO")
                       <td><i class="far fa-arrow-alt-circle-up" style="background:red;"></i><input type="text" name= "verificationStatusOnboarding"class="verificationStatus" placeholder="" disabled  value="REJECTED" >
                        </td>
                        
                       #else
                       <td><i class="far fa-arrow-alt-circle-up" style="background:pink;"></i><input type="text" name= "verificationStatusOnboarding"class="verificationStatus" placeholder="" disabled  value="$partnerVerificationStatusMap.get($pob.getId())" >
                        </td>
                       
                       #end
                    #else
                    <td><i class="far fa-arrow-alt-circle-down" style="background:red;"></i><input type="text" name= "verificationStatusOnboarding" class="verificationStatus" placeholder="" disabled  value="PENDING" >
                        </td>
                    
                   #end 

                </tr>
                #end

            </tbody>
        </table>
    </div>

        ## Pagination Controls (Bottom)
        <div class="col-lg-12" style="margin-top: 15px;">
            <div class="row">
                <div class="col-lg-12 text-center">
                    #if($totalRecords > 0)
                        <span class="pagination-info">Showing $startRecord - $endRecord of $totalRecords</span>
                        <ul class="pagination pagination-sm" style="margin: 0 15px; display: inline-flex;">
                            #if($currentPage > 0)
                                <li><a href="javascript:void(0)" class="reject-page-link" data-page="0">First</a></li>
                                <li><a href="javascript:void(0)" class="reject-page-link" data-page="$prevPage">Prev</a>
                                </li>
                            #else
                                <li class="disabled"><span>First</span></li>
                                <li class="disabled"><span>Prev</span></li>
                            #end

                            <li class="active"><span>Page $currentPageDisplay of $totalPages</span></li>

                            #if($currentPage < $lastPage)
                                <li><a href="javascript:void(0)" class="reject-page-link" data-page="$nextPage">Next</a>
                                </li>
                                <li><a href="javascript:void(0)" class="reject-page-link" data-page="$lastPage">Last</a>
                                </li>
                            #else
                                <li class="disabled"><span>Next</span></li>
                                <li class="disabled"><span>Last</span></li>
                            #end
                        </ul>
                        <select class="form-control reject-page-size" style="width: 120px; display: inline-block;">
                            <option value="10" #if($pageSize==10)selected#end>10 per page</option>
                            <option value="25" #if($pageSize==25)selected#end>25 per page</option>
                            <option value="50" #if($pageSize==50)selected#end>50 per page</option>
                            <option value="100" #if($pageSize==100)selected#end>100 per page</option>
                        </select>
                    #end
                </div>
            </div>
        </div>

    </section>

    <script>
        $(document).ready(function () {
            // Search button click handler
            $('#rejectSearchBtn').on('click', function () {
                refreshRejectList(0);
            });

            // Search on Enter key
            $('#rejectSearch').on('keypress', function (e) {
                if (e.which === 13) {
                    refreshRejectList(0);
                }
            });

            // Clear search button
            $('#clearRejectSearchBtn').on('click', function () {
                $('#rejectSearch').val('');
                refreshRejectList(0);
            });

            // Pagination link click handler
            $(document).on('click', '.reject-page-link', function (e) {
                e.preventDefault();
                refreshRejectList($(this).data('page'));
            });

            // Page size change handler
            $(document).on('change', '.reject-page-size', function () {
                refreshRejectList(0);
            });

            // Destroy existing DataTable if it exists (prevents reinitialization error)
            if ($.fn.DataTable.isDataTable('#oboardingreject')) {
                $('#oboardingreject').DataTable().destroy();
            }

            var dtable = $('#oboardingreject').DataTable({
                "paging": false,  // Disable client-side pagination (server-side)
                "info": false,
                "bFilter": false,  // Disable DataTables filter (we use server-side search)
                "bAutoWidth": false,
                "scrollX": true,
                fixedColumns: {
                    leftColumns: 2
                },
        
        "columnDefs": [
                   { "targets": 1, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
                   { "targets": 2, "orderDataType":  "date-dd-mmm-yyyy", "type":"string" },
                  
                   { "targets": 3, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                   { "targets": 4, "orderDataType": "dom-text", "type": "string" },
                  { "targets": 5, "orderDataType": "dom-text-numeric", "type":"number"},
                   { "targets": 6, "orderDataType": "dom-text", "type": "string" },
                  
                  { "targets": 7, "orderDataType": "dom-text", "type": "string" },
                  
                  { "targets": 8, "orderDataType": "dom-text", "type": "string" },
                  { "targets": 9, "orderDataType": "dom-text", "type": "string" },
                   { "targets": 10, "orderDataType": "dom-text-numeric", "type":"number"},
                  
                   { "targets": 11, "orderDataType": "dom-text-numeric", "type":"number"},
                   { "targets": 12, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                   
                    { "targets": 13, "orderDataType": "dom-text-numeric", "type":"number"},
                   { "targets": 14, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                   { "targets": 22, "orderDataType": "dom-text", "type": "string" },
                   
                  { "targets": 23, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                  { "targets": 24, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                 
                  { "targets": 25, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                   { "targets": 26, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                  { "targets": 27, "orderDataType": "dom-text-numeric", "type":"number"},
                { "targets": 28, "orderDataType": "date-dd-mmm-yyyy", "type": "string" }, 
                
                 { "targets": 29, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                 { "targets": 30, "orderDataType": "date-dd-mmm-yyyy", "type": "string" },
                { "targets": 32, "orderDataType": "dom-text", "type": "string" }
                        ],
                });
        });

        // Function to refresh reject list via AJAX
        function refreshRejectList(page) {
            var pageSize = $('.reject-page-size').val() || '25';
            var search = $('#rejectSearch').val() || '';
            var url = context + '/partnerOnBoardingRejectShow?page=' + (page || 0)
                    + '&pageSize=' + pageSize
                    + '&search=' + encodeURIComponent(search);
            $.ajax({
                url: url,
                type: 'GET',
                success: function (response) {
                    $('#main-content').html(response);
                }
            });
        }
    </script>

    <style>
        .pagination-info {
            margin-right: 15px;
            font-weight: bold;
        }

        .pagination {
            margin: 0;
        }

        .pagination li {
            display: inline-block;
            margin: 0 2px;
        }

        .pagination li a, .pagination li span {
            padding: 5px 10px;
            border: 1px solid #ddd;
            text-decoration: none;
            color: #333;
        }

        .pagination li.active span {
            background-color: #337ab7;
            color: white;
            border-color: #337ab7;
        }

        .pagination li.disabled span {
            color: #999;
            cursor: not-allowed;
        }
    </style>