<%- include('../partials/head') %>
<div class="auth-page">
  <div class="auth-theme"><%- include('../partials/theme-toggle') %></div>
  <div class="auth-card">
    <img src="/img/lockup-color.png" alt="OTENEX" class="logo">
    <div class="auth-tag">Set your password</div>
    <% if (error) { %><div class="notice err"><%= error %></div><% } %>
    <p class="hint" style="margin-bottom:16px">You were invited as <strong><%= invite.email %></strong> with the <%= invite.role %> role.</p>
    <form method="post" action="/invite/<%= token %>">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <label class="fld"><span>Your name</span><input type="text" name="name" required autofocus></label>
      <label class="fld"><span>Password</span><input type="password" name="password" required autocomplete="new-password">
        <div class="hint">At least 12 characters.</div></label>
      <label class="fld"><span>Confirm password</span><input type="password" name="confirm" required autocomplete="new-password"></label>
      <button class="btn block" type="submit">Create account</button>
    </form>
  </div>
</div>
</body></html>
