{{define "title"}}{{t "invite.title"}}{{end}}
{{define "content"}}<h1>{{t "invite.title"}}</h1>
<p>{{t "invite.intro"}}</p>
{{if .Data.Message}}<p class="flash warning" role="alert">{{t .Data.Message}}</p>
{{end}}<form method="post" action="{{.Data.Action}}">
<input type="hidden" name="csrf" value="{{.CSRF}}">
<label for="username">{{t "invite.username.label"}}</label>
<input id="username" class="ident" name="username" value="{{.Data.Username}}" autocomplete="username" autocapitalize="none" spellcheck="false" aria-describedby="username-hint" required>
<p class="small" id="username-hint">{{t "invite.username.hint"}}</p>
<label for="display_name">{{t "invite.display_name.label"}} <small>{{t "invite.optional"}}</small></label>
<input id="display_name" name="display_name" value="{{.Data.DisplayName}}" autocomplete="name" aria-describedby="display_name-hint">
<p class="small" id="display_name-hint">{{t "invite.display_name.hint"}}</p>
<label for="password">{{t "invite.password.label"}}</label>
<input id="password" name="password" type="password" autocomplete="new-password" aria-describedby="password-hint" required>
<p class="small" id="password-hint">{{t "invite.password.hint"}}</p>
<label for="confirm">{{t "invite.confirm.label"}}</label>
<input id="confirm" name="confirm" type="password" autocomplete="new-password" required>
<div class="actions"><button type="submit" class="primary" data-disable-on-submit>{{t "invite.submit"}}</button></div>
</form>
{{end}}