<div class="panel panel-default panel-collapse">

<div class="panel-heading" role="tab" id="connectorSpecificBaseHeading">

<h4 class="panel-title">

<a data-toggle="collapse" href="#connectorSpecificBase" aria-expanded="true" aria-controls="connectorSpecificBaseHeading" class="">{{t "templates.connector.baseTitle"}}</a>

</h4>

</div>

<div id="connectorSpecificBase" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="connectorSpecificBase" aria-expanded="true">

<div class="panel-body">

<div>

<p>

<a target="_blank" href="https://developers.google.com/admin-sdk/directory/v1/get-start/getting-started">{{t "templates.connector.google.gettingStarted"}}</a>

</p>

<ol>

<li>

<p>{{t "templates.connector.google.callbackUrlMessage"}}</p>

<p><span class="important">{{callbackURL}}</span></p>

</li>

<li>

<p>{{t "templates.connector.google.listHeader"}}</p>

<ul class="indented-list">

<li>{{t "templates.connector.google.listItemOne"}}</li>

<li>{{t "templates.connector.google.listItemTwo"}}</li>

</ul>

</li>

</ol>

</div>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="clientId">{{t "templates.connector.oAuthGeneral.clientId"}}</label>

<div class="col-sm-8">

<textarea class="form-control" type="text" id="clientId" name="configurationProperties.clientId" data-validator-event="keyup blur" data-validator="required">{{connectorDefaults.configurationProperties.clientId}}</textarea>

<div class="validation-message"></div>

<span class="error form-control-feedback"><i class='fa validation-icon'></i></span>

</div>

</div>

<div class="form-group has-feedback">

<label class="col-sm-3 control-label" for="clientSecret">{{t "templates.connector.oAuthGeneral.clientSecret"}}</label>

<div class="col-sm-8">

{{#if connectorDefaults.configurationProperties.clientSecret}}

<input id="clientSecret" data-validator-event="keyup blur" data-validator="changed" placeholder="**********" class="form-control" type="password" name="configurationProperties.clientSecret">

{{else}}

<input id="clientSecret" data-validator-event="keyup blur" data-validator="required" class="form-control" type="password" name="configurationProperties.clientSecret" required>

{{/if}}

<div class="validation-message"></div>

<span class="error form-control-feedback"><i class='fa validation-icon'></i></span>

</div>

</div>

<div>

<a target="_blank" href="https://developers.google.com/console/help/new/#generatingdevkeys">{{t "templates.connector.google.needHelp"}}</a>

</div>

<div>

<p><span class="important">{{t "templates.connector.google.changeHeader"}}</span></p>

<p class="large-paragraph">

{{t "templates.connector.google.changeDetails"}}

</p>

</div>

<input id="OAuthurl" type="hidden" value="https://accounts.google.com/o/oauth2/auth">

<input id="OAuthTokenUrl" type="hidden" value="https://accounts.google.com/o/oauth2/token">

<input id="clientDomain" type="hidden" name="configurationProperties.domain" value={{connectorDefaults.configurationProperties.domain}}>

</div>

</div>

</div>