1{{define "title"}}{{t "invite.title"}}{{end}}
 2{{define "content"}}<h1>{{t "invite.title"}}</h1>
 3<p>{{t "invite.intro"}}</p>
 4{{if .Data.Message}}<p class="flash warning" role="alert">{{t .Data.Message}}</p>
 5{{end}}<form method="post" action="{{.Data.Action}}">
 6<input type="hidden" name="csrf" value="{{.CSRF}}">
 7<label for="username">{{t "invite.username.label"}}</label>
 8<input id="username" class="ident" name="username" value="{{.Data.Username}}" autocomplete="username" autocapitalize="none" spellcheck="false" aria-describedby="username-hint" required>
 9<p class="small" id="username-hint">{{t "invite.username.hint"}}</p>
10<label for="display_name">{{t "invite.display_name.label"}} <small>{{t "invite.optional"}}</small></label>
11<input id="display_name" name="display_name" value="{{.Data.DisplayName}}" autocomplete="name" aria-describedby="display_name-hint">
12<p class="small" id="display_name-hint">{{t "invite.display_name.hint"}}</p>
13<label for="password">{{t "invite.password.label"}}</label>
14<input id="password" name="password" type="password" autocomplete="new-password" aria-describedby="password-hint" required>
15<p class="small" id="password-hint">{{t "invite.password.hint"}}</p>
16<label for="confirm">{{t "invite.confirm.label"}}</label>
17<input id="confirm" name="confirm" type="password" autocomplete="new-password" required>
18<div class="actions"><button type="submit" class="primary" data-disable-on-submit>{{t "invite.submit"}}</button></div>
19</form>
20{{end}}