register-referentie/apps/self-service/src/app/registration/registration-page.html

<main utrecht-document class="utrecht-theme">
  <utrecht-article>
    <utrecht-heading-1>Zelfservice — BIG-registratie</utrecht-heading-1>

    @if (submitted()) {
      @if (withdrawn()) {
        <p utrecht-paragraph role="status">
          Uw registratie met referentie {{ reference() }} is ingetrokken.
        </p>
      } @else {
        <p utrecht-paragraph role="status">
          Uw registratie is ontvangen. Referentie: {{ reference() }}.
        </p>
        @if (documentsProvided()) {
          <p utrecht-paragraph role="status">Uw documenten zijn aangeleverd.</p>
        } @else {
          @if (provideDocumentsError(); as error) {
            <p utrecht-paragraph role="alert">{{ error }}</p>
          }
          <p utrecht-paragraph>Lever uw diploma aan (PDF).</p>
          <label utrecht-form-label for="diploma">Diploma</label>
          <input
            id="diploma"
            type="file"
            accept="application/pdf"
            [disabled]="providingDocuments()"
            (change)="onFileSelected($event)"
          />
          <button
            utrecht-button
            appearance="primary-action-button"
            type="button"
            [disabled]="providingDocuments() || !selectedFile()"
            (click)="provideDocuments()"
          >
            Documenten aanleveren
          </button>
        }
        @if (withdrawFailed()) {
          <p utrecht-paragraph role="alert">
            Het intrekken van uw registratie is niet gelukt. Probeer het opnieuw.
          </p>
        }
        <button
          utrecht-button
          appearance="secondary-action-button"
          type="button"
          [disabled]="withdrawing()"
          (click)="withdraw()"
        >
          Trek aanvraag in
        </button>
      }
    } @else {
      <p utrecht-paragraph>U bent ingelogd met BSN {{ bsn() }}.</p>
      @if (failed()) {
        <p utrecht-paragraph role="alert">
          Er ging iets mis bij het indienen van uw registratie. Probeer het opnieuw.
        </p>
      }
      <button
        utrecht-button
        appearance="primary-action-button"
        type="button"
        [disabled]="submitting()"
        (click)="submit()"
      >
        Registratie indienen
      </button>
    }
  </utrecht-article>
</main>