{{define "invite-help"}}
{{template "header" .}}
<style>
  .copy-link {
    width: 100%;
    margin: 1rem 0;
    text-align: center;
    font-size: 1.2em;
    color: #555;
  }
</style>
<div class="snug content-container">
	<h1>Invite to {{.SiteName}}</h1>
	{{ if .Expired }}
		<p style="font-style: italic">This invite link is expired.</p>
	{{ else }}
		<p>Copy the link below and send it to anyone that you want to join <em>{{ .SiteName }}</em>. You could paste it into an email, instant message, text message, or write it down on paper. Anyone who navigates to this special page will be able to create an account.</p>
		<input class="copy-link" type="text" name="invite-url" value="{{$.Host}}/invite/{{.Invite.ID}}" onfocus="if (this.select) this.select(); else this.setSelectionRange(0, this.value.length);" readonly />
		<p>
			{{ if gt .Invite.MaxUses.Int64 0 }}
				{{if eq .Invite.MaxUses.Int64 1}}Only <strong>one</strong> user{{else}}Up to <strong>{{.Invite.MaxUses.Int64}}</strong> users{{end}} can sign up with this link.
				{{if gt .Invite.Uses 0}}So far, <strong>{{.Invite.Uses}}</strong> {{pluralize "person has" "people have" .Invite.Uses}} used it.{{end}}
				{{if .Invite.Expires}}It expires on <strong>{{.Invite.ExpiresFriendly}}</strong>.{{end}}
			{{ else }}
				It can be used as many times as you like{{if .Invite.Expires}} before <strong>{{.Invite.ExpiresFriendly}}</strong>, when it expires{{end}}.
			{{ end }}
		</p>
	{{ end }}
</div>

{{template "footer" .}}
{{end}}
