<div class="unauthorized-bg">
      <div class="unauthorized-content">
        <img src="{{rootURL}}assets/images/logo.svg" alt="Hino" class="unauthorized-logo-hino">
        <img
          src="{{rootURL}}assets/images/logo-heart-horizontal.svg"
          class="unauthorized-logo-heart"
          alt="Hearts">
        {{#if errorMessage}}
            <div class="alert on alert-danger alert-dismissible fade show" role="alert">
                {{ errorMessage }}
            </div>
        {{/if}}
        {{#if errorMessages}}
            <div class="alert on alert-danger alert-dismissible fade show" role="alert">
                <ul class="mb-0 ml-2">
                {{#each errorMessages as |item| }}
                    <li>{{ item }}</li>
                {{/each}}
                </ul>
            </div>
        {{/if}}
        <form>
          <div class="d-flex mb-2 justify-content-between">
            <span class="text-white font-weight-bold">Forgot Password</span>
            <div class="text-gray-600"><LinkTo @route="login">Cancel</LinkTo></div>
          </div>
          <div class="form-group">
            <AppInputText @type="email" @model={{ model }} @placeholder="Email Address" @valuePath="emailAddress" @isEditable={{ if formConfig.emailAddress formConfig.emailAddress.isEditable true }} />
          </div>
          <div class="form-group">
           <AppInputText @model={{ model }} @placeholder="Employee No" @valuePath="employeeNo" @isEditable={{ if formConfig.employeeNo formConfig.employeeNo.isEditable true }} />
          </div>
          <button class="btn btn-block btn-hino-red-darker font-weight-bold rounded-pill" type="submit" {{ action "forgotPassword" }}>Send</button>
        </form>
        <div class="text-center mt-5 pb-2">
          <small>Copyright 2020 HINO New HEARTS. All Rights Reserved.</small>
        </div>
      </div>
</div>