<p>
    Mock page for <i>Facebook provider help</i>.
</p>

<p>Fill in name, description and website. For <i>Callback URL</i> use the following value:</p>

<ul>
    <li><b>Callback URL:</b> {{callbackUrl}}</li>
</ul>

<form class="form-horizontal" name="fbHelpForm">
    <div class="control-group">
        <label class="control-label" for="providerHelp.key">Consumer key </label>
        <div class="controls">
            <input type="text" class="input-xlarge" id="providerHelp.key" ng-model="realm.socialProviders[helpPId+'.key']">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="providerHelp.secret">Consumer secret </label>
        <div class="controls">
            <input type="text" class="input-xlarge" id="providerHelp.secret" ng-model="realm.socialProviders[helpPId+'.secret']">
        </div>
    </div>
</form>

<p>
    Close the help panel and click <i>save changes</i>.
</p>