
        
          <div id="approveusers"  class="admin-section section mt-1">
         <div  class="section-title">
            <h6>Users Pending Approval</h6>
            
        </div>
            <div class="card">

               <div class="table-responsive" style="max-height:400px; overflow-y:auto;">
                    <table class="table">
                        <thead >
                            <tr>
                                <th  class="text-light bg-secondary" scope="col">Username</th>
                                <th  class="text-light bg-secondary" scope="col">Firstname</th>
                                <th  class="text-light bg-secondary" scope="col">Secondname</th>
                                <th  class="text-light bg-secondary" scope="col">Email</th>
                                <th  class="text-light bg-secondary" scope="col" class="text-end">Action</th>
                            </tr>
                        </thead>
                       <tbody id="approval">
                          
                        </tbody>
                        
                    </table>
                    <div id="loginLoader2" class="text-center mt-3" style="display:none;">
                                <div class="spinner-border text-primary" role="status"></div>
                           </div>
                </div>

            </div>
        </div>