{{!
  Copyright 2016-2017 ForgeRock AS. All Rights Reserved
 
  Use of this code requires a commercial software license with ForgeRock AS.
  or with one of its affiliates. All use shall be exclusively subject
  to such license between the licensee and ForgeRock AS.
}}
<div class="container">
    <div class="page-header">
        <h1>{{t "templates.socialProviders.socialIdentityTitle"}}</h1>
    </div>
</div>

<div class="container">
    {{#if providers}}
    <div id="socialProviderContent" class="panel">
        <div class="panel-body selfservice-holder">
            <p class="panel-description">{{t "templates.socialProviders.sectionDetails"}}</p>

            {{> _alert
                id="socialNoAuthWarningMessage"
                type="warning"
                heading="common.notification.types.warning"
                message="templates.socialProviders.noAuthentication"
                link="#authentication/"
                linkMessage="templates.socialProviders.enableNow"
                hidden="true"
            }}


            {{> _alert
                id="socialNoRegistrationWarningMessage"
                type="warning"
                heading="common.notification.types.warning"
                message="templates.socialProviders.noRegistration"
                link="#selfservice/userregistration/"
                linkMessage="templates.socialProviders.enableRegistration"
                hidden="true"
            }}

            <div class="provider-list">
                {{#each providers}}
                {{> _toggleIconBlock this}}
                {{/each}}
            </div>
        </div>
    </div>
    {{else}}
        <div class="well no-resource">
            <div class="message-icon text-primary"><i class="fa fa-cloud"></i></div>
            <h3>{{t "templates.socialProviders.noResourceTitle"}}</h3>
            <p>
                {{t "templates.socialProviders.whatIsSocialProvider"}}
            </p>
        </div>
    {{/if}}
</div>