{{define "content"}}
<div class="auth-card">
  {{template "logo" .}}
  <h1 class="auth-title">{{.ThemeTitle}}</h1>

  {{if eq .Mode "sent"}}
    {{if .Error}}
      <div class="auth-error" role="alert">{{.Error}}</div>
    {{else}}
      <p class="auth-text">To activate your account, we need to verify your email address.</p>
      <p class="auth-text">Check your inbox and click the verification link to continue.</p>
    {{end}}

  {{else if eq .Mode "blocked"}}
    <p class="auth-text-muted">Your email address is not yet verified. Check your inbox for the verification link.</p>

  {{else if eq .Mode "expired"}}
    <p class="auth-text-muted">
      {{if .Error}}{{.Error}}{{else}}This verification link has expired.{{end}}
      Request a new one below.
    </p>
  {{end}}

  {{if ne .Mode "sent"}}
    <form method="POST" action="{{authURL "/resend-verification"}}" style="width:100%">
      {{ .csrfField }}
      <input type="hidden" name="username" value="{{.Username}}" />
      <input type="hidden" name="redirect_uri" value="{{.RedirectURI}}" />
      <input type="hidden" name="state" value="{{.State}}" />
      <input type="hidden" name="client_id" value="{{.ClientID}}" />
      <input type="hidden" name="scope" value="{{.Scope}}" />
      <input type="hidden" name="nonce" value="{{.Nonce}}" />
      <input type="hidden" name="code_challenge" value="{{.CodeChallenge}}" />
      <input type="hidden" name="code_challenge_method" value="{{.CodeChallengeMethod}}" />
      <input type="hidden" name="prompt" value="{{.Prompt}}" />
      <input type="hidden" name="max_age" value="{{.MaxAge}}" />
      <input type="hidden" name="authorize_sig" value="{{.AuthorizeSig}}" />
      <button class="auth-btn" type="submit">Resend verification email</button>
    </form>
  {{end}}

  <div class="auth-link"><a href="{{authURL "/authorize"}}?client_id={{.ClientID}}&redirect_uri={{.RedirectURI}}&state={{.State}}&scope={{.Scope}}&response_type=code&nonce={{.Nonce}}&code_challenge={{.CodeChallenge}}&code_challenge_method={{.CodeChallengeMethod}}&prompt={{.LoginPrompt}}&max_age={{.MaxAge}}">Back to login</a></div>
</div>
{{end}}