<!DOCTYPE html>
<html>
  <head>
    <!-- Standard Meta -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <!-- Site Properties -->
    <title>Admin-Asistencia</title>
    <link rel="stylesheet" type="text/css" href="/semantic-ui/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="/css/font.css">

    <script src="/js/jquery-3.1.1.min.js"></script>
    <script src="/semantic-ui/semantic.min.js"></script>

    <% include ../navbar.ejs %>
    <div class="ui main text center aligned container">
      <h1 class="ui header">Listado de Asistencia</h1>
    </div>
    <div class="ui main text container">
      <table class="ui celled table">
        <thead class="ui center aligned">
          <%# <tr><th class="single line">Código</th>
          <th>Nombre</th>
          <th>Correo</th>
          <th>Profesión</th>
          <th>Fecha</th>%>
        </tr></thead>
        <tbody>
          <% for (user in users) { %>
            <tr>
              <td>
                <h4 class="ui center aligned header"><%= users[user].user_id %></h4>
              </td>
              <td class="single line">
              <%= users[user].name %><br />
              <%= users[user].last_name %>
              </td>
              <td class="single line"><i><%= users[user].email %></i></td>
              <td><%= users[user].profession %></td>
              <td>
                <%= ("0" + users[user].createdAt.getDate()).slice(-2) + "/"  + ("0" + users[user].createdAt.getMonth() + 1).slice(-2)  + "/" + users[user].createdAt.getFullYear() %><br />
                <%= ("0" + users[user].createdAt.getHours()).slice(-2) + ":"  + ("0" + users[user].createdAt.getMinutes()).slice(-2) %>
              </td>
            </tr>
          <% } %>
        </tbody>
      </table>

    </div>
    <% include ../footer %>
  </body>

</html>
