datacite/bracco

<ApplicationHeader @sign-in={{true}} />

<div class="wrapper">
  <div class="register-background" style={{html-safe (concat 'background-image: url(' (cdn-url) '/images/fabrica/header.png);')}} >
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1 ">
          <div class="register-card">
            <h3 class="title">Sign In</h3>
            
            {{#if this.showGlobus}}
              <a href="{{this.oidcAuthUrl}}" class="btn btn-block btn-social btn-globus btn-fill"><img id="globus-logo" src="{{this.globusLogoUrl}}" alt="Globus icon" /> Sign In with Globus</a>
              
              <div id="or">or</div>
            {{/if}}

            <BsForm @formLayout="vertical" @model={{this}} @onSubmit={{action "authenticate"}} @submitOnEnter={{true}} as |form|>
              <form.element @controlType="text" @property="identification" id="account" @label="Account ID" data-test-account as |el| >
                <el.control id="account-field" />
              </form.element>
              <form.element @controlType="password" @property="password" id="password" @label="Password" data-test-password as |el| >
                <el.control id="password-field" />
              </form.element>

              {{#if this.errorMessage}}
                <div class="alert alert-danger">{{this.errorMessage}}</div>
              {{/if}}

              <div><!-- need a fix here -->
                <LinkTo @route="reset">Forgot password?</LinkTo> • 
                <a target="_blank" rel="noopener noreferrer" href={{get (links) "CREATE_A_FABRICA_ACCOUNT_URL" }}>Need an account?</a>
              </div>

              <div class="pseudo-footer">
                <div class="btn-toolbar pull-right">
                  <button type="submit" class="btn btn-sm btn-fill">Sign In</button>
                </div>
                <div class="clearfix"/>
              </div>
            </BsForm>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>