{{template "base" .}}

{{define "title"}}Konto aktivieren{{end}}

{{define "body"}}
<div class="auth-section">
    <div class="auth-card">
        <h2 class="auth-title">Konto aktivieren</h2>
        <p class="auth-subtitle">Geben Sie Ihren Aktivierungstoken ein, um Ihr Konto freizuschalten.</p>

        <div id="activation-result"></div>

        <form hx-put="/users/activated" hx-target="#activation-result" hx-swap="innerHTML">
            <div class="form-group">
                <label class="form-label" for="token">Aktivierungstoken</label>
                <input class="form-input" id="token" name="token" type="text"
                       placeholder="Token aus der E-Mail einfügen" value="{{.Token}}">
            </div>
            <button class="btn btn--primary btn--full" type="submit">Aktivieren</button>
        </form>
    </div>
</div>
{{end}}