---
layout: base.njk
title: Register
---

<div class="auth-container">
  <div class="auth-box">
    <h2>Register</h2>
    <form id="registerForm" class="auth-form">
      <div class="form-group">
        <label for="email">Email</label>
        <input type="email" id="email" name="email" required autocomplete="email">
      </div>
      
      <div class="form-group">
        <label for="password">Password</label>
        <input type="password" id="password" name="password" required autocomplete="new-password" minlength="8">
        <small>Minimum 8 characters</small>
      </div>
      
      <div class="form-group">
        <label for="confirmPassword">Confirm Password</label>
        <input type="password" id="confirmPassword" name="confirmPassword" required autocomplete="new-password">
      </div>
      
      <div id="errorMessage" class="error-message"></div>
      
      <button type="submit" class="btn btn-primary btn-block">Register</button>
    </form>
    
    <p class="auth-link">Already have an account? <a href="/login">Login here</a></p>
  </div>
</div>

<script src="/js/auth.js"></script>