{{define "content"}}
{{if eq .Mode "success"}}
<div class="auth-card">
  {{template "logo" .}}
  <h1 class="auth-title">{{.ThemeTitle}}</h1>
  <p class="auth-text">Your password has been reset successfully.</p>
  <a class="auth-btn" 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>

{{else if eq .Mode "expired"}}
<div class="auth-card">
  {{template "logo" .}}
  <h1 class="auth-title">{{.ThemeTitle}}</h1>
  <p class="auth-text-muted">
    {{if .Error}}{{.Error}}{{else}}This password reset link has expired or is invalid.{{end}}
  </p>
  <a class="auth-btn" 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>

{{else}}
<form class="auth-card" method="POST" action="{{authURL "/reset-password"}}">
  {{template "logo" .}}
  <h1 class="auth-title">{{.ThemeTitle}}</h1>
  <p class="auth-text-muted">Choose a new password for your account.</p>
  {{if .Error}}
  <div class="auth-error" role="alert">{{.Error}}</div>
  {{end}}
  {{ .csrfField }}
  <input type="hidden" name="token" value="{{.Token}}" />
  <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}}" />
  <div class="auth-field">
    <label class="auth-label" for="password">New Password</label>
    <input class="auth-input" type="password" id="password" name="password" required autocomplete="new-password" />
  </div>
  <div class="auth-field">
    <label class="auth-label" for="confirm_password">Confirm Password</label>
    <input class="auth-input" type="password" id="confirm_password" name="confirm_password" required autocomplete="new-password" />
  </div>
  <button class="auth-btn" type="submit">Reset password</button>
</form>
{{end}}
{{end}}