import { Component } from '@angular/core';
import { PageShellComponent } from '@shared/layout/page-shell/page-shell.component';
import { AlertComponent } from '@shared/ui/alert/alert.component';
import { IntakeWizardComponent } from '@herregistratie/ui/intake-wizard/intake-wizard.component';

/** Page: the branching intake questionnaire. Built entirely from existing
    building blocks (page shell + alert + the intake-wizard organism). */
@Component({
  selector: 'app-intake-page',
  imports: [PageShellComponent, AlertComponent, IntakeWizardComponent],
  template: `
    <app-page-shell
      i18n-heading="@@intake.heading"
      heading="Herregistratie — intake"
      backLink="/dashboard"
    >
      <app-alert type="info" i18n="@@intake.intro">
        Een paar vragen bepalen welke gegevens we nodig hebben. Afhankelijk van uw antwoorden
        verschijnen er extra vragen. Uw antwoorden blijven bewaard als u de pagina herlaadt.
      </app-alert>
      <div class="app-section">
        <app-intake-wizard />
      </div>
    </app-page-shell>
  `,
})
export class IntakePage {}
