<%- include('../partials/head', {title: t.auth.signup_title}) %>
<%- include('../partials/nav') %>
<div class="auth-page">
  <div class="auth-card">
    <h2><%= t.auth.signup_title %></h2>
    <p class="sub"><%= t.auth.signup_sub %></p>
    <%- include('../partials/flash') %>
    <form method="POST" action="/<%= lang %>/signup">
      <label><%= t.auth.name %></label>
      <input type="text" name="name" required placeholder="Your name" autocomplete="name">
      <label><%= t.auth.email %></label>
      <input type="email" name="email" required placeholder="you@company.com" autocomplete="email">
      <label><%= t.auth.password %></label>
      <input type="password" name="password" required placeholder="<%= t.auth.password_hint %>" autocomplete="new-password">
      <div class="form-submit">
        <button type="submit" class="btn btn-accent btn-full btn-lg"><%= t.auth.signup_btn %></button>
      </div>
    </form>
    <p style="text-align:center;margin-top:16px;font-size:12px;color:var(--dim)">
      <%= t.auth.have_account %> <a href="/<%= lang %>/login"><%= t.auth.login_link %></a>
    </p>
    <p style="text-align:center;margin-top:10px;font-size:11px;color:var(--dim)">
      <%= t.auth.agree %> <a href="/<%= lang %>/terms"><%= t.auth.terms %></a> <%= t.auth.and %> <a href="/<%= lang %>/privacy"><%= t.auth.privacy %></a>.
    </p>
  </div>
</div>
<%- include('../partials/footer') %>
</body></html>
