%# /templates/register.html.ep

% layout 'default';
% title 'Register';

<% content_for head => begin %>
    <link rel="stylesheet" href="/css/auth.css">
    <script src="/js/auth.js"></script>
<% end %>

<div class="auth-container">
    <h1 class="auth-header">Register</h1>
    
    <form method="POST" action="/register">
        <div class="form-group">
            <label for="username">Username</label>
            <input type="text" id="username" name="username" required>
        </div>
        
        <div class="form-group">
            <label for="password">Password</label>
            <input type="password" id="password" name="password" required>
        </div>
        
        <div class="form-group">
            <label for="email">Email</label>
            <input type="email" id="email" name="email" required>
        </div>
        
        <div class="button-container">
            <input type="submit" value="Register">
        </div>
    </form>
    
    <p class="auth-footer">
        Already have an account? <a href="/login">Login here</a>
    </p>
</div>