{% if token.state %}
    <div class="alert alert-info" role="alert">
        <i class="fas fa-shield-alt"></i>&nbsp;
        Valid platform originating LTI message (OIDC flow)
    </div>
{% else %}
    <div class="alert alert-danger" role="alert">
        <i class="fas fa-exclamation-circle"></i>&nbsp;
        Invalid platform originating LTI message (OIDC flow)
    </div>
{% endif %}
<div class="card bg-light">
    <div class="card-header">
        <i class="fas fa-lock"></i>&nbsp;Tokens
    </div>
    <div class="card-body">
        <dl class="list-unstyled">
            <dt>Id token</dt>
            <dd>
                <div class="input-group">
                    <div class="input-group-prepend">
                        <a target="_blank" class="btn btn-secondary" href="https://jwt.io?token={{ token.payload.token.toString }}" role="button" title="See on jwt.io">
                            <i class="fas fa-external-link-alt"></i>
                        </a>
                    </div>
                    <input type="text" class="form-control" placeholder="token" value="{{ token.payload.token.toString }}" readonly>
                </div>
            </dd>
            <dt>OIDC state</dt>
            <dd>
                <div class="input-group">
                    <div class="input-group-prepend">
                        <a target="_blank" class="btn btn-secondary" href="https://jwt.io?token={{ token.state.token.toString }}" role="button" title="See on jwt.io">
                            <i class="fas fa-external-link-alt"></i>
                        </a>
                    </div>
                    <input type="text" class="form-control" placeholder="state" value="{{ token.state.token.toString }}" readonly>
                </div>
            </dd>
        </dl>
    </div>
</div>