<!DOCTYPE html>
<html>
  <%- include('head.ejs', {title: 'Registo'}); %>

  <body>
    <div class="container">
      <div class="shadow-lg p-3 mt-3 bg-white rounded">
        <h3 class="text-center">Crie a sua conta</h3>
        <form action="/registo" method="post">
          <!--verifica criação do email -->
          <div class="form-group">
            <% if (error_check_email !== "") { %>
            <div>
              <label for="check_email">Email</label>
            </div>
            <div>
              <label for="check_email" class="text-danger">
		  <%- error_check_email -%>
              </label>
            </div>

            <% } else { %>
            <label for="check_email">Email</label>
            <% } %>
            <input
              type="email"
              class="form-control mt-2"
              id="check_email"
              name="form__email"
              placeholder="nome@email.com"
            />
          </div>

          <!-- numero de membro da UMa -->
          <div class="form-group mt-2">
            <label for="numeroMembroUMa">Número</label>
            <% if (error_number == true) { %>
            <label for="numeroMembroUMa" class="text-danger">
              O número inserido não é válido
            </label>
            <% } %>
            <input
              type="number"
              class="form-control mt-2"
              id="numeroMembroUMa"
              name="form__number"
              placeholder="ex: 2087624"
            />
          </div>

          <!-- Criação da password -->
          <div class="form-group mt-2">
            <label for="exampleInputPassword1">Password</label>
            <input
              type="password"
              class="form-control mt-2"
              id="exampleInputPassword1"
              name="form__pass"
              placeholder="Password"
            />
          </div>

          <!-- Confirmação da password -->
          <div class="form-group mt-2">
            <label for="exampleInputPassword1">Confirmar Password</label>
            <% if (error_confirmation_pass == true) { %>
            <label for="exampleInputPassword1" class="text-danger">
              As passwords inseridas não coincidem.
            </label>
            <% } %>
            <input
              type="password"
              class="form-control mt-2"
              id="exampleInputPassword1"
              name="form__confirmation_pass"
              placeholder="Confirmar Password"
            />
          </div>

          <button type="submit" class="btn btn-outline-dark mt-3">
            Criar conta
          </button>
        </form>
      </div>
    </div>
  </body>
</html>
