<div>
    <h3 class="auth__title">Select OAuth2.0 Scopes</h3>
    <p>{{{sanitize 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> {{{escape appName}}} </strong> API requires the following scopes. Select which ones you want to grant to Swagger UI.</p>
    <p>Authorization URL: {{{sanitize authorizationUrl}}}</p>
    <p>flow: {{{escape flow}}}</p>
    <ul class="api-popup-scopes">
        {{#each scopes}}
            <li>
                <input class="oauth-scope" type="checkbox" data-scope="{{{escape scope}}}" oauthtype="{{{escape OAuthSchemeKey}}}"/>
                <label>{{{escape scope}}}</label><br/>
                <span class="api-scope-desc">{{{escape description}}}
                    {{#if OAuthSchemeKey}}
                        ({{{escape OAuthSchemeKey}}})
                    {{/if}}
                </span>
            </li>
        {{/each}}
    </ul>
</div>
