<div class="login-options">
    <form id="loginOptions">
        {{#if authTypeOptions}}
        <div class="input auth-type-selector">
            <label for="authTypeSelector">Authorization Type</label>
            <select id="authTypeSelector">
            {{#each authTypeOptions}}
                <option{{selected @root.authType name}}>{{ name }}</option>
            {{/each}}
            </select>
        </div>
        {{/if}}
        {{#if oauthEnabled}}
        <div class="input oauth-token">
            <label for="oauthTokenField">OAuth Bearer Token</label>
            <div class="oauth-bearer-token-wrapper" id="oauthTokenWrapper">
                <input id="oauthTokenField" name="oauth_bearer_token" type="text"/>
                <div class="bearer-token-status-indicator status" id="bearerTokenStatus">
                  <div class="details"></div>
                </div>
            </div>
            <input type="button" class="oauth-login-button" id="oauthTokenButton" value="Get Token"/>
        </div>
        {{/if}}
        {{#if partnerTokensEnabled}}
        <div class="input">
          <label for="partnerTokenField">Partner Token</label>
          <input placeholder="Partner Token" id="partnerTokenField" name="partner_token" type="text"/>
        </div>
        <div class="input">
          <label for="userTokenField">User Token</label>
          <input placeholder="User Token" id="userTokenField" name="user_token" type="text"/>
        </div>
        {{/if}}
    </form>
</div>
