<div class="login" fxLayout="column">
  <div class="login-wrapper">
    <div class="slider">
      <div
        *ngFor="let infomation of rotateInfomation; let i = index"
        [ngClass]="[
          'slider_slide',
          infomation.index === rotateInfomationIndex
            ? 'slider_slide-active'
            : ''
        ]"
      >
        <div class="slider_wrap slider_wrap-hacked">
          <div
            class="slider_back"
            [ngStyle]="{
              'background-image':
                ' url(./assets/images/login/bg_login0' + (i + 1) + '.png)'
            }"
          ></div>
        </div>
        <div
          class="slider_inner"
          [ngStyle]="{
            'background-image':
              ' url(./assets/images/login/bg_login0' + (i + 1) + '.png)'
          }"
        >
          <div class="slider_header">
            <span class="company-name">DAESANG Messenger</span>
            <span class="h-line"></span>
          </div>
          <div class="slider_content">
            <h1>
              {{ infomation.content }}
            </h1>
            <p class="info">{{ infomation.info }}</p>
          </div>
          <a
            class="slider_link go-to-next bg-accent-dark"
            (click)="onClickNextInfomation()"
            >Next</a
          >
        </div>
      </div>
      <div class="slider_indicators">
        <div class="slider_indicator" data-slide="1"></div>
        <div class="slider_indicator" data-slide="2"></div>
        <div class="slider_indicator" data-slide="3"></div>
      </div>
    </div>

    <ucap-account-login
      [companyList]="companyList$ | async"
      [curCompanyCode]="fixedCompany"
      [notiText]="fixedNotiBtnText"
      [loginBtnEnable]="loginBtnEnable"
      [loginBtnText]="loginBtnText"
      [companyCode]="appUserInfo?.companyCode"
      [loginId]="appUserInfo?.loginId"
      [rememberMe]="appUserInfo?.rememberMe"
      [autoLogin]="appUserInfo?.settings?.general?.autoLogin"
      [useRememberMe]="useRememberMe"
      [useAutoLogin]="useAutoLogin"
      (login)="onLogin($event)"
      (notiClick)="onClickNoti($event)"
      class="login-form-box"
    >
    </ucap-account-login>
  </div>
</div>
