import { Component, inject } from '@angular/core';
import { Router } from '@angular/router';
import { PageShellComponent } from '@shared/layout/page-shell/page-shell.component';
import { LoginFormComponent } from '@auth/ui/login-form/login-form.component';
import { SessionStore } from '@auth/application/session.store';

/**
 * No error alert here — unlike the SSP's DigiD form, `SessionStore.login()` has
 * nothing to fail on (see `MedewerkerAdapter`). A real SSO integration is where
 * this page would grow one back.
 */
@Component({
  selector: 'app-login-page',
  imports: [PageShellComponent, LoginFormComponent],
  template: `
    <app-page-shell
      i18n-heading="@@login.heading"
      heading="Inloggen bij het behandelportal"
      width="narrow"
      i18n-intro="@@login.intro"
      intro="Voor medewerkers die aanvragen beoordelen."
    >
      <app-login-form (submitted)="login()" />
    </app-page-shell>
  `,
})
export class LoginPage {
  private store = inject(SessionStore);
  private router = inject(Router);

  async login() {
    await this.store.login();
    this.router.navigate(['/dashboard']);
  }
}