{% extends "auth_base.html" %}

{% block title %}Register · Inhouse Mailer{% endblock %}

{% block auth_content %}
    <h2>Create an account</h2>
    <p class="subtitle">Invite teammates or spin up a new workspace for your campaigns.</p>

    {% if error %}
    <div class="auth-alert error">{{ error }}</div>
    {% endif %}

    <form method="post" action="/register">
        <div class="field-group">
            <label for="username">Username</label>
            <input type="text" id="username" name="username" placeholder="Team handle" required />
        </div>
        <div class="field-group">
            <label for="email">Work email</label>
            <input type="email" id="email" name="email" placeholder="you@example.com" required />
        </div>
        <div class="field-group">
            <label for="password">Password</label>
            <input type="password" id="password" name="password" placeholder="Min. 8 characters" required />
        </div>
        <button type="submit">Sign up</button>
    </form>

    <div class="auth-footer">
        <p>Already have an account? <a href="/login">Log in</a></p>
    </div>
{% endblock %}