<!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>Nueva Asistencia-Cluster Lovelace</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">Nueva Asistencia</h1>
    </div>
    <div class="ui main text container">
      <form class="ui form" action="/admin/attendance/new" method="post">
        <div class="field">
          <h4 class="ui dividing header">Nombre Completo</h4>
          <div class="two fields">
            <div class="field">
              <label>Nombres</label>
              <input type="text" name="name" placeholder="Nombres">
            </div>
            <div class="field">
              <label>Apellidos</label>
              <input type="text" name="last" placeholder="Apellidos">
            </div>
          </div>
        </div>
        <h4 class="ui dividing header">Identificación</h4>
        <div class="field">
          <div class="fields">
            <div class="six wide field">
              <label>Código</label>
              <input type="text" name="user_id" placeholder="Código">
            </div>
            <div class="ten wide field">
              <label>Correo Electrónico</label>
              <input type="text" name="email" placeholder="Correo Electrónico">
            </div>
          </div>
        </div>
        <div class="eight wide field">
          <label>Ocupación</label>
          <!-- <select class="ui fluid dropdown">

          </select> -->
          <input type="text" name="profession" placeholder="Ocupación">
        </div>
        <div class="ui submit button">Enviar</div>
      </form>
    </div>
    <% include ../footer %>
  </body>

</html>
