{{ define "content" }}
    <main role="main" class="container">
        <h1 class="h3 mb-3">{{ .Title }}</h1>
        {{ if .LogoURI }}
            <p class="text-center">
                <img src="{{ .LogoURI }}" alt="{{ .ClientName }}" width="240" height="240" />
            </p>
        {{ end }}
        {{ .IntroConsentRequested }}
        <form method="post">
            <ul class="list-group text-left small mb-3">
                {{ range $i, $scope := .requestedScope }}
                    <li class="list-group-item">
                        <input type="hidden" name="scope[{{ $i }}]" value="{{ $scope.Name }}">
                        {{ $scope.Label }}</li>
                {{ end }}
            </ul>
            {{ if .requestedClaims }}
                <p class="text-left">{{ .ClaimsInformation }}</p>
                <ul class="list-group text-left small mb-3">
                    {{ range $i, $claim := .requestedClaims }}
                        <li class="list-group-item">
                            <input type="hidden" name="claims[{{ $i }}]" value="{{ $claim.Name }}">
                            {{ $claim.Label }}{{ if $claim.Essential }} *{{ end}}
                        </li>
                    {{ end}}
                </ul>
            {{ end }}
            {{ if .HasMoreInformation }}
                {{ .IntroMoreInformation }}
            {{ end }}

            {{ .csrfField }}
            {{ .LabelConsent }}

            <button class="btn btn-primary" type="submit" name="consent"
                    value="consent">{{ .ButtonTitleConsent }}</button>
            <button class="btn btn-outline-secondary" type="submit" name="consent" value="deny">{{ .ButtonTitleDeny }}</button>
        </form>
    </main>
{{ end }}