{{define "content"}}
<div class="card">
    <div class="card-title">{{.Grant}} grant</div>
    <div class="kv">
        {{if .ExpiresIn}}<div class="k">Expires in</div><div class="v">{{.ExpiresIn}}</div>{{end}}
        {{if .IssuedTokenType}}<div class="k">Issued token type</div><div class="v mono">{{.IssuedTokenType}}</div>{{end}}
    </div>
    <div class="row">
        <a href="/tools" class="button">Token tools</a>
        <a href="/" class="button button-secondary">Back</a>
    </div>
</div>

{{if .IDToken}}
<div class="card">
    <div class="card-title">ID token</div>
    <pre class="token" data-jwt>{{.IDToken}}</pre>
    <a href="{{.IDTokenJWTLink}}" target="_blank" rel="noopener" class="hint">Open in jwt.io</a>
</div>
{{end}}

{{if .AccessToken}}
<div class="card">
    <div class="card-title">Access token</div>
    <pre class="token" data-jwt>{{.AccessToken}}</pre>
    <a href="{{.AccessTokenJWTLink}}" target="_blank" rel="noopener" class="hint">Open in jwt.io</a>
    <div class="row">
        <form action="/userinfo" method="post">
            <input type="hidden" name="access_token" value="{{.AccessToken}}">
            <button type="submit" class="button button-small">Call UserInfo</button>
        </form>
        <form action="/tools/introspect" method="post">
            <input type="hidden" name="token" value="{{.AccessToken}}">
            <input type="hidden" name="token_type_hint" value="access_token">
            <button type="submit" class="button button-small">Introspect</button>
        </form>
    </div>
</div>
{{end}}

{{if .RefreshToken}}
<div class="card">
    <div class="card-title">Refresh token</div>
    <pre class="token">{{.RefreshToken}}</pre>
    <form action="/grant/refresh" method="post">
        <input type="hidden" name="refresh_token" value="{{.RefreshToken}}">
        <button type="submit" class="button button-small">Redeem it now</button>
    </form>
</div>
{{end}}

{{if .Claims}}
<div class="card">
    <div class="card-title">Claims</div>
    <pre class="json">{{.Claims}}</pre>
</div>
{{end}}

{{if .RawResponse}}
<div class="card">
    <div class="card-title">Token endpoint response</div>
    <pre class="json">{{.RawResponse}}</pre>
</div>
{{end}}

{{if .PublicKeyPEM}}
<div class="card">
    <details>
        <summary>Issuer public key</summary>
        <pre class="token">{{.PublicKeyPEM}}</pre>
    </details>
</div>
{{end}}
{{end}}