<%- 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">Users table</h6>
                </div>
              </div>
            <div class="card-body py-3 pb-2">
                <%- include('../../../errors/flash-message')  %>

                <a href="user/create" class="btn btn-sm btn-info" style="float: right;">Add New User</a>
                <table class="table align-items-center justify-content-center mb-0">
                    <thead>
                        <tr>
                            <th>Id</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Roles</th>
                            <th>Status</th>
                            <% if(role_permissions.includes('user_edit') || role_permissions.includes('user_delete') || role_permissions.includes('user_status_change')){%>
                                <th>Action</th>
                            <%}%>
                        </tr>
                    </thead>
                    <tbody>

                        <% users.forEach((element,key) => { %>
                            <tr>
                                <td><%= key+1 %></td>
                                <td><%= element.name %></td>
                                <td><%= element.email %></td>
                                <td><%= element.roles %></td>
                                <td><% if(element.status == 1){%>Active<%} else{%>In Active<%}%></td>
                                <td style="display: flex;">
                                    <% if(element.name != 'Super Admin'){%>
                                        <% if(role_permissions.includes('user_edit')){%>
                                            <a href="user/edit/<%= element.id %>" class="btn btn-sm btn-warning">Edit</a>
                                        <%}%>
            
                                        <% if(roles != 'admin' && element.roles != 'admin'){%>
                                            <!-- <a href="user/edit/<%= element.id %>" class="btn btn-sm btn-warning">Edit</a> -->
                                        <%}%>


                                        &nbsp;
                                        <% if(role_permissions.includes('user_delete')){%>
                                            <form action="user/delete/<%= element.id %>" method="POST">
                                                <input type="hidden" name="_csrf" value="<%= csrfToken %>">
                                                <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                                            </form>
                                            <% if(role_permissions.includes('user_status_change')){ %>
                                                <% if(element.status == 1){%>
                                                    <a href="/user/status/inactive/<%= element.id %>" class="btn btn-sm btn-secondary">In Active</a>
                                                <%} else{%>
                                                    <a href="/user/status/active/<%= element.id %>" class="btn btn-sm btn-success">Active</a>
                                                <%}%>
                                            <%}%>
                                        <%}%>
                                    <%} else{%>
                                        &nbsp;
                                    <%}%>
                                </td>
                            </tr>
                        <% }) %>
                    </tbody>
                </table>
            </div>
        </div>
        </div>
        </div>
    </div>
</main>


<%- include('../../common/footer') %> 