{% extends "social/loginproviders/_layout" %} {% import "_includes/forms" as forms %} {% set content %}

{{ 'Step 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() }) }}

{{ 'Step 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 the `loginProviders.{loginProviderHandle}.clientId` config in your `config/social.php` file."|t('social', {loginProviderHandle: loginProvider.handle}), 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 the `loginProviders.{loginProviderHandle}.clientSecret` config in your `config/social.php` file."|t('social', {loginProviderHandle: loginProvider.handle}), placeholder: "{loginProvider} Client Secret"|t('social', { loginProvider: loginProvider.name }), label: "Client Secret"|t('social'), name: 'settings[oauthClientSecret]', value: loginProvider.infos.clientSecret ?? '', }) }} {% endset %}