{% extends "base.html" %}
{% block title %}{{ 'register.title'|t(user.language if user else 'zh') }} - {{ 'brand'|t(user.language if user else 'zh') }}{% endblock %}
{% block content %}
<div class="auth-form">
    <h2>{{ 'register.title'|t(user.language if user else 'zh') }}</h2>
    <p style="color:var(--text-muted);font-size:.85rem;margin-bottom:1rem">{{ 'register.hint'|t(user.language if user else 'zh') }}</p>
    {% if error %}
    <div class="alert alert-error">{{ error }}</div>
    {% endif %}
    <form method="post" action="/register">
        <label>{{ 'register.invite_code'|t(user.language if user else 'zh') }}</label>
        <input type="text" name="invite_code" required maxlength="8" placeholder="{{ 'register.invite_ph'|t(user.language if user else 'zh') }}" style="text-transform:none" autofocus>
        <label>{{ 'register.username'|t(user.language if user else 'zh') }}</label>
        <input type="text" name="username" required maxlength="64">
        <label>{{ 'register.password'|t(user.language if user else 'zh') }}</label>
        <input type="password" name="password" required minlength="6">
        <label>{{ 'register.confirm_password'|t(user.language if user else 'zh') }}</label>
        <input type="password" name="confirm_password" required>
        <button type="submit" class="btn btn-primary">{{ 'register.title'|t(user.language if user else 'zh') }}</button>
    </form>
    <p style="margin-top:1rem;text-align:center;font-size:.85rem">{{ 'register.has_account'|t(user.language if user else 'zh') }}<a href="/login">{{ 'register.go_login'|t(user.language if user else 'zh') }}</a></p>
</div>
{% endblock %}