datacite/bracco

{{#if (can "write index")}}
  <ApplicationHeader @default={{true}} />

  <div class="container-fluid">
    <IndexHeader />

    <div class="content">
      <div class="panel panel-transparent">
        <div class="panel-body">
          <div class="col-md-9 col-md-offset-3"><h3 class="edit">Set Password</h3></div>

          <div class="col-md-9 col-md-offset-3"><span class="help-block">Click <a class="action-link" {{action "generate"}} data-test-password-suggestion>here</a> for a password suggestion.</span></div>

          <BsForm @formLayout="horizontal" class="form-horizontal" @horizontalLabelGridClass="col-md-3" @model={{this.model}} @onSubmit={{action "submit" this.model}} @submitOnEnter={{true}} as |form|>
            <form.element @controlType="password" id="password-input" class="form-group" @property="passwordInput" @label="New Password" as |el|> <el.control id="password-input-field" /><i class="bi bi-eye-slash" id="togglePassword" {{action 'togglePassword'}}></i></form.element>
            <form.element @controlType="password" id="confirm-password-input" class="form-group" @property="confirmPasswordInput" @label="Confirm Password" as |el|> <el.control id="confirm-password-input-field" /><i class="bi bi-eye-slash" id="toggleConfirmPassword" {{action 'toggleConfirmPassword'}}></i></form.element>
            <div class="col-md-9 col-md-offset-3">
              <div class="btn-toolbar">
                <button type="submit" class="btn btn-sm btn-fill" disabled={{v-get this.model 'confirmPasswordInput' 'isInvalid'}}>Set Password</button>
                <button class="btn btn-sm" id="cancel" type="button" {{action "cancel" this.model}}>Cancel</button>
              </div>
            </div>
          </BsForm>
        </div>
      </div>
    </div>
  </div>
{{else}}
  <ApplicationHeader />
  <LandingPage />
{{/if}}