<%- include('partials/head') %>
<%- include('partials/header') %>

<main>
  <section class="section">
    <div class="container">
      <div class="form-card">
        <h1>Create account</h1>
        <p style="color:var(--muted); font-size:14px; margin:8px 0 24px;">Save your details for faster checkout.</p>
        <% if (error) { %><div class="form-error"><%= error %></div><% } %>
        <form method="post" action="/account/register">
          <div class="form-field"><label for="name">Full name</label><input id="name" name="name" required></div>
          <div class="form-field"><label for="email">Email</label><input id="email" name="email" type="email" required></div>
          <div class="form-field"><label for="phone">Phone (optional)</label><input id="phone" name="phone" type="tel"></div>
          <div class="form-field"><label for="password">Password</label><input id="password" name="password" type="password" minlength="6" required></div>
          <button class="btn btn-gold btn-block" type="submit">Create account</button>
        </form>
        <p class="form-note">Already have an account? <a href="/account/login">Sign in</a></p>
      </div>
    </div>
  </section>
</main>

<%- include('partials/footer') %>
