<!DOCTYPE html>
<html>
  <head>
    <!-- Standard Meta -->
    <meta charset="utf-8" />
    <link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet">
    <!-- Site Properties -->
    <style>
      body {
        font-family: 'Droid Sans', sans-serif;
        font-size: 10px;
      }
      table {
        border-collapse: collapse;
        width: 100%;
      }
      table, th, td {
        border: 1px solid #DADFE1;
      }
      th {
        background-color: #DADFE1;
        font-weight: bold;
        padding: 10px;
      }
      td {
        padding: 5px;
      }
      .membrete {
        margin-bottom: 50px;
        text-align: center;
      }
      .membrete > img {
        margin: auto 20px;
      }
      .membrete > img.sirius {
        width: auto;
        height: 50px;
      }
      .membrete > img.cidt {
        width: auto;
        height: 40px;
      }
      .membrete > img.utp {
        width: auto;
        height: 40px;
      }
    </style>
  </head>
  <body>
    <div class="membrete">
      <img class="sirius" src="http://localhost/images/membrete.png">
      <img class="cidt" src="http://localhost/images/cidt.jpg">
      <img class="utp" src="http://localhost/images/utp.png">
    </div>
    <h2>Informe de Usuarios - Solicitud de Cuenta | Cluster Lovelace</h2>
    <table>
      <thead>
        <tr>
          <th>Fecha</th>
          <th>ID</th>
          <th>Comentario</th>
        </tr>
      </thead>
      <tbody>
        <% for (var userbd in users) { %>
        <tr>
          <td>
            <div>
              <%= ("0" + users[userbd].createdAt.getDate()).slice(-2) + "/"  + ("0" + (users[userbd].createdAt.getMonth() + 1)).slice(-2) + "/" + users[userbd].createdAt.getFullYear() %>
              <%= ("0" + users[userbd].createdAt.getHours()).slice(-2) + ":"  + ("0" + (users[userbd].createdAt.getMinutes() + 1)).slice(-2) %>
            </div>
          </td>
          <td><%= users[userbd].user_id %><br />
          <%= users[userbd].name + ' ' + users[userbd].last_name %><br />
          <div>
            <i><b><%= users[userbd].email %></b></i>
          </div>
          </td>
          <td>
            <div>
              <i><%= users[userbd].text %></i>
            </div>
          </td>
        </tr>
        <% } %>
      </tbody>
    </table>
  </body>
</html>
