{% extends "_layouts/cp" %} {% import "_includes/forms" as forms %} {% set title = loginProvider.name %} {% set crumbs = [ { label: "Settings"|t('social'), url: url('settings') }, { label: "Social"|t('social'), url: url('settings/social') }, { label: "Login Providers"|t('social'), url: url('settings/social/loginproviders') }, ] %} {% set content %}

{{ '1. Create the OAuth application'|t('social') }}

{{ 'Go to the {link}, create a new application or configure an existing one using the following settings:'|t('social', {link: ''~'{loginProvider} API Console'|t('social', { loginProvider: loginProvider.name })~''})|raw }}

{{ forms.textField({ readonly: true, label: "Redirect URI"|t('social'), value: loginProvider.getRedirectUri() }) }}

{{ '2. Configure the OAuth client'|t('social') }}

{{ '{loginProvider} will provide you with a client ID and secret for your application.'|t('social', { loginProvider: loginProvider.name }) }}

{{ 'Copy the client ID & client secret from the {link}, and paste them in your config/social.php file.'|t('social', { link: ''~'{loginProvider} API Console'|t('social', { loginProvider: loginProvider.name })~''})|raw }}

{{ forms.textField({ readonly: true, instructions: "Set loginProviders."~loginProvider.handle~".clientId in config/social.php.", placeholder: "{loginProvider} Client ID"|t('social', { loginProvider: loginProvider.name }), label: "Client ID"|t('social'), name: 'settings[oauthClientId]', value: loginProvider.infos.clientId ?? '', }) }} {{ forms.textField({ readonly: true, instructions: "Set loginProviders."~loginProvider.handle~".clientSecret in config/social.php.", placeholder: "{loginProvider} Client Secret"|t('social', { loginProvider: loginProvider.name }), label: "Client Secret"|t('social'), name: 'settings[oauthClientSecret]', value: loginProvider.infos.clientSecret ?? '', }) }} {% endset %}