<div>
    <h3 class="auth__title">Select OAuth2.0 Scopes</h3>
    <p>{{description}}</p>
    <p>Scopes are used to grant an application different levels of access to data on behalf of the end user. Each API may declare one or more scopes.
        <a href="#">Learn how to use</a>
    </p>
    <p><strong> {{appName}} </strong> API requires the following scopes. Select which ones you want to grant to Swagger UI.</p>
    <p>Authorization URL: {{authorizationUrl}}</p>
    <p>flow: {{flow}}</p>
    <ul class="api-popup-scopes">
        {{#each scopes}}
            <li>
                <input class="oauth-scope" type="checkbox" data-scope="{{scope}}" oauthtype="{{OAuthSchemeKey}}"/>
                <label>{{scope}}</label><br/>
                <span class="api-scope-desc">{{description}}
                    {{#if OAuthSchemeKey}}
                        ({{OAuthSchemeKey}})
                    {{/if}}
                </span>
            </li>
        {{/each}}
    </ul>
</div>