<%- include('../../common/header') %> 
<%- include('../../common/side-bar') %>

<main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg ">
    <%- include('../../common/navbar') %>
    <div class="container-fluid py-4">
      <div class="row">
        <div class="col-xl-12 col-sm-12 mb-xl-0 mb-4">
          <div class="card">
            <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
                <div class="bg-gradient-primary shadow-primary border-radius-lg pt-4 pb-3">
                  <h6 class="text-white text-capitalize ps-3">Employees table</h6>
                </div>
              </div>
            <div class="card-body py-3 pb-2">
                <%- include('../../../errors/flash-message')  %>
                <a href="employee/create" class="btn btn-sm btn-info" style="float: right;">Add New Employee</a>
                <table class="table align-items-center justify-content-center mb-0">
                    <thead>
                        <tr>
                            <th>SN</th>
                            <th>NAME</th>
                            <th>DESIGNATION</th>
                            <th>EMP ID</th>
                            <th>OFFICIAL EMAIL</th>
                            <th>PHONE</th>
                            <th>ACTION</th>

                        </tr>
                    </thead>
                    <tbody>
                      <% employees.forEach((element,key) => { %>
                          <tr>
                              <td><%= key %></td>
                              <td><%= element.name %></td>
                              <td><%= element.designation %></td>
                              <td><%= element.emp_id %></td>
                              <td><%= element.official_email %></td>
                              <td><%= element.phone %></td>
                              <td><a href="/employee/edit/<%=element._id%>">Edit</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/employee/delete/<%=element._id%>">Delete</a></td>
                          </tr>
                      <%});%>
                    </tbody>
                </table>
            </div>
        </div>
        </div>
        </div>
    </div>
</main>


<%- include('../../common/footer') %> 