import { Component } from '@angular/core';
import { PageShellComponent } from '@shared/layout/page-shell/page-shell.component';
import { AlertComponent } from '@shared/ui/atoms/alert/alert.component';
import { RegistratieWizardComponent } from '@registratie/ui/registratie-wizard/registratie-wizard.component';

/** Page: register in the BIG-register. Built entirely from existing building
    blocks (page shell + alert + the registratie-wizard organism). */
@Component({
  selector: 'app-registratie-page',
  imports: [PageShellComponent, AlertComponent, RegistratieWizardComponent],
  template: `
    <app-page-shell
      i18n-heading="@@registratie.heading"
      heading="Inschrijven in het BIG-register"
      backLink="/dashboard"
    >
      <app-alert type="info" i18n="@@registratie.intro">
        In drie stappen schrijft u zich in: uw adres en correspondentievoorkeur, het diploma waarmee
        u zich registreert, en een controle. Uw gegevens blijven bewaard als u de pagina herlaadt.
      </app-alert>
      <div class="app-section">
        <app-registratie-wizard />
      </div>
    </app-page-shell>
  `,
})
export class RegistratiePage {}