<ucap-authentication-login
  [companyList]="companyList"
  [fixedCompanyCode]="fixedCompanyCode"
  [companyCode]="userStore?.companyCode"
  [loginId]="userStore?.loginId"
  [disable]="disableLoginForm"
  [processing]="loginProcessing"
  [loginTry]="loginTry"
  (login)="onLogin($event)"
>
  <div
    ucapAuthenticationLogin="header"
    style="background-image: url(./assets/images/logo/bg_logo_login.png);"
  >
    {{ 'login.labels.instructionsOfLogin' | ucapI18n }}
  </div>
  <div ucapAuthenticationLogin="footer">
    <div
      class="remember-forgot-password"
      fxLayout="row"
      fxLayout.xs="column"
      fxLayoutAlign="space-between center"
    >
      <mat-checkbox
        #chkUseRememberMe
        *ngIf="useRememberMe"
        class="remember-me"
        aria-label="Remember Me"
        [checked]="!!userStore && userStore.rememberMe"
      >
        {{ 'login.labels.rememberMe' | ucapI18n }}
      </mat-checkbox>

      <mat-checkbox
        #chkUseAutoLogin
        *ngIf="useAutoLogin"
        class="auto-login"
        aria-label="Auto Login"
        [checked]="
          !!userStore &&
          !!userStore.settings &&
          !!userStore.settings.general &&
          userStore.settings.general.autoLogin
        "
      >
        {{ 'login.labels.autoLogin' | ucapI18n }}
      </mat-checkbox>
    </div>
    <div class="register" fxLayout="column" fxLayoutAlign="center center">
      <button
        class="link btn-login-forgot"
        (click)="onClickForgotPassword('ko')"
      >
        Forgot Password? KO
      </button>
      <button
        class="link btn-login-forgot"
        (click)="onClickForgotPassword('en')"
      >
        Forgot Password? EN
      </button>
    </div>

    <div class="policy bg-primary-light">
      <a class="link">개인정보 처리방침</a>
    </div>
  </div>
</ucap-authentication-login>
