<div class="row">
  <div class="col-md-12 mt-2">
    <div class="row">
      <div class="col-md-3 offset-md-9"></div>
    </div>
    <div class="card card-info">
      <div class="card-header">
        <h3 class="card-title"><%=sectionTitle%></h3>
      </div>
      <div class="card-body table-responsive">
        <table class="table table-hover table-head-fixed datatable123">
          <thead>
            <tr>
              <th style="width: 1%">#</th>
              <th>ID</th>
              <th>Name</th>
              <th>Email</th>
              <th>Phone</th>
              <!-- <th>location</th> -->
              <th>Designation</th>
              <th>Off Shore Rate ($)/Hour</th>
              <th>On Shore Rate ($)/Hour</th>
              <th>Featured</th>
              <th data-orderable="false">Image</th>
              <th>Status</th>
              <th data-orderable="false" style="width: 25%">Actions</th>
            </tr>
          </thead>
          <tbody>
            <% if (dataList.length>0){ %>
              <% let index=((page-1)*limit)+1;%>
            <% for (data of dataList){ %>
            <tr>
              <td><%=index++%></td>
              <td><%= data.unique_id%></td>
              <td><%= data?.user_name %></td>
              <td><%= data.user_email %></td>
              <td><%= data.phone_number %></td>
              <!-- <td><%= data.user_location %></td> -->
              <td><%= data.designation %></td>
              <td><%= data.off_shore_rate??0 %></td>
              <td><%= data.on_shore_rate??0 %></td>
              <td><%= data.is_featured ? 'Yes' : 'No' %></td> 
               
              <td>
                <%if(data.profile_pic !=null && data.profile_pic !="" ){%>
                <img
                  class="img-thumbnail"
                  style="width: 50px"
                  src="/uploads/user/profile_pic/<%=data.profile_pic %>"
                  alt="Image"
                />
                <%}else{%>
                <img
                  class="img-thumbnail"
                  style="width: 50px"
                  src="/images/no-image.jpg%>"
                  alt="Image"
                />
                <%}%>
              </td>
              <td>
                <% if(data.approve_status){%>
                <span class="badge badge-primary">Active</span>
                <%}else{%>
                <span class="badge badge-danger">Inactive</span>
                <%}%>
              </td>
              <td>
                <a
                  class="btn btn-primary btn-sm mr-2"
                  href="/jobseeker/education-details/<%=data.id%>"
                  data-toggle="tooltip"
                  title="Education Details"
                  target="_blank"
                >
                  <i class="fas fa-book"> </i>
                </a>
                <a
                  class="btn btn-primary btn-sm mr-2"
                  href="/jobseeker/professional-details/<%=data.id%>"
                  data-toggle="tooltip"
                  title="Professional Details"
                  target="_blank"
                >
                  <i class="fas fa-user-tie"> </i>
                </a>

                <a
                  class="btn btn-info btn-sm mr-2"
                  href="/jobseeker/edit/<%=data.id%>"
                  data-toggle="tooltip"
                  title="Edit"
                >
                  <i class="fas fa-pencil-alt"> </i>
                </a>
                <a
                  class="btn btn-danger btn-sm"
                  id="delete_<%=data._id%>"
                  onclick="deleteDataFunc(`<%=data._id%>`,`jobseeker/delete/<%=data.id%>`)"
                  data-toggle="tooltip"
                  title="Delete"
                >
                  <i class="fas fa-trash"> </i>
                </a>
              </td>
            </tr>
            <% } %>
            <% }else{ %>
              <tr >
                <td colspan="5" style="text-align: center;">
                 No Data Found
                </td>
              </tr>
              <% } %>
          </tbody>
        </table>
        <% if (dataList.length>0){ %>
          <div class="row">
            <!-- <div class="col-sm-12 col-md-5"><div class="dataTables_info" id="DataTables_Table_0_info" role="status" aria-live="polite">Showing <%=((page-1)*limit)+1%> to <%=page*limit%> of 20 entries</div>
          </div> -->
          <div class="col-sm-12 col-md-7 pl-0" >
            <div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate">
              <ul class="pagination">
                <li class="paginate_button page-item previous <%=page==1?'disabled':''%>" id="DataTables_Table_0_previous"><a href="/jobseeker/list?page=<%=page-1%>"
                    aria-controls="DataTables_Table_0" aria-disabled="true" role="link" data-dt-idx="previous"
                    tabindex="0" class="page-link">Previous</a></li>
                  <%for(let i=1;i<=totalpage;i++){%>
                    <li class="<%=i==page?'paginate_button page-item active':'paginate_button page-item'%>"><a href="/jobseeker/list?page=<%=i%>" aria-controls="DataTables_Table_0" role="link"
                      aria-current="page" data-dt-idx="0" tabindex="0" class="page-link"><%=i%></a></li>
                    <%}%>
                <li class="paginate_button page-item next <%=page==totalpage?'disabled':''%>" id="DataTables_Table_0_next"><a href="/jobseeker/list?page=<%=+page+1%>"
                    aria-controls="DataTables_Table_0" role="link" data-dt-idx="next" tabindex="0"
                    class="page-link">Next</a></li>
              </ul>
            </div>
          </div>
          </div>
         
          <% } %>
      </div>
      <!-- /.card-body -->
      <!-- <div class="card-footer"></div> -->
    </div>
    <!-- /.card -->
  </div>
  <!-- /.col -->
  <script>
    $(document).ready(function () {
  //      $('.datatable123').DataTable({

  //        paging: false,         // Enable pagination
  //  lengthChange: false,
  //  searching: false,
  //  ordering: true,
  //  info: false,
  //  autoWidth: false,

  //      })
       $("#pushmenu").click();
     })

  </script>
</div>
<!-- /.row -->

