{{define "newaccount"}}{{template "top" .}}
<h1>New account</h1>
<p class="lede">An account is a project or a team: it owns apps, has members,
and deploys independently of your other accounts.</p>
{{if .FlashErr}}<p class="banner error">{{.FlashErr}}</p>{{end}}
{{if .Flash}}<p class="banner">{{.Flash}}</p>{{end}}
<form class="signin" method="post" action="/accounts/new">
  <input type="hidden" name="csrf" value="{{.CSRF}}">
  <label class="visually-hidden" for="account-name">Account name</label>
  <input id="account-name" type="text" name="name" placeholder="kass" autofocus
    pattern="[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?">
  <p class="small">a-z, 0-9 and hyphens — it appears in your URLs</p>
  <button type="submit">Create account</button>
</form>
<p class="small">Names are deliberately not unique — two accounts may both be
called “blog”. Identity is the short id in the URL, so there is nothing to
squat. You will be its first owner, and you can invite teammates from the
account's page.</p>
{{if .Account}}<p class="small"><a href="{{.Nav}}/">Back to {{.Account.Name}}</a></p>{{end}}
{{template "bottom" .}}{{end}}