<%- include('header.ejs', locals) %>
  <h1>Sign all the way up</h1>

<%
if (errors) {
  %>
  <p class="error">There was a problem! The server said:</p>
  <ul>
    <%
    errors.forEach(function (error) { %>
      <li>
        <p class="error"><%= error.message %></p>
      </li>
    <%
    }) %>
  </ul>
  <%
}
%>

<form action='' method=post class=form>
<fieldset>
<label for=name>Username</label>
<input id=name name=name type=text>
<p class='form-help'>Must be all lower-case, and not have any non-urlsafe chars.</p>
</fieldset>

<fieldset>
<label for=password>Password</label>
<input id=password name=password type=password>
</fieldset>

<fieldset>
<label for=verify>Verify Password</label>
<input id=verify name=verify type=password>
</fieldset>

<fieldset>
<label for=email>Email Address (this IS public)</label>
<input id=email name=email type=email>
<p class='form-help'>Must be a valid email address.  It <strong>will</strong>
be shown on the site, and on all packages you publish.</p>
<p class='form-help'>Accounts without valid email addresses may be deleted
without notice.</p>
</fieldset>

<fieldset class='buttons'>
<button class='btn' type='submit'>Make it so.</button>
</fieldset>
<%- csrf %>
</form>
<%- include('footer.ejs', locals) %>
