<%- include('../partials/head') %>
<div class="auth-shell register-layout">
  <section class="auth-visual compact-visual"><div class="visual-content"><div class="brand brand-light"><div class="brand-mark">S</div><div><strong>Symlink</strong><span>Attendance</span></div></div><div class="hero-copy"><div class="eyebrow">One-time setup</div><h1>Create your employee account.</h1><p>Registration is only for <strong>@<%= companyDomain %></strong> company emails and approved administrator emails.</p></div></div></section>
  <section class="auth-panel"><div class="auth-card wide"><p class="kicker">New account</p><h2>Register once, then just sign in</h2><p class="muted">Your login page remains the main entry point after setup.</p>
    <% if (error) { %><div class="alert danger"><%= error %></div><% } %>
    <form method="post" action="/register" class="form-stack">
      <label>Full name<input name="name" required minlength="2" placeholder="Your full name"></label>
      <label>Company email<input type="email" name="email" required placeholder="you@<%= companyDomain %>"></label>
      <div class="form-grid"><label>Password<input type="password" name="password" required minlength="8" placeholder="Minimum 8 characters"></label><label>Confirm password<input type="password" name="confirmPassword" required minlength="8" placeholder="Repeat password"></label></div>
      <button class="btn btn-primary btn-lg" type="submit">Create account</button>
    </form>
    <div class="auth-footer">Already registered? <a href="/login">Back to sign in</a></div>
  </div></section>
</div>
</body></html>
