<div class="slutredovisning-report-form-step3__view">
  <h2>Förhandsgranskning</h2>

  <div class="informativ-rapport-form__confirmation" *ngIf="submittedDate$ | async as submittedDate; else previewRef">
    <digi-notification-alert af-variation="success" af-heading="Allt gick bra" af-heading-level="h3">
      <p>Slutredovisning för deltagare {{avrop.fullName}} är nu inskickad till Arbetsförmedlingen.</p>
      <dl>
        <dt>Datum</dt>
        <dd>{{submittedDate | date:'longDate'}} kl {{submittedDate | date:'shortTime'}}</dd>
      </dl>
    </digi-notification-alert>
    <msfa-back-link route="../">Tillbaka till deltagaren</msfa-back-link>
  </div>

  <ng-template #previewRef>
    <ui-loader *ngIf="submitIsLoading$ | async" uiType="absolute"></ui-loader>
    <msfa-slutredovisning-view-description-list
      [slutredovisning]="slutredovisning$ | async"
    ></msfa-slutredovisning-view-description-list>

    <digi-notification-alert
      *ngIf="submitError$ | async as error"
      class="slutredovisnin-rapport-form__alert"
      af-variation="danger"
      af-heading="Någonting gick fel"
    >
      <p>Kunde inte skicka in Slutredovisning. Försök igen om en stund.</p>
      <p *ngIf="error.message" class="msfa__small-text">{{error.message}}</p>
    </digi-notification-alert>

    <footer class="slutredovisning-report-form-step3__footer">
      <digi-button af-type="button" af-variation="tertiary" (click)="goBack()">
        <digi-icon-arrow-left slot="icon"></digi-icon-arrow-left>
        Tillbaka
      </digi-button>
      <digi-button af-type="button" (click)="submitSlutredovisning()">Skicka in Slutredovisning</digi-button>
    </footer>
  </ng-template>
</div>
<!--<ui-loader *ngIf="submitIsLoading$ | async" uiType="absolute"></ui-loader>-->
<!--<msfa-report-description-list [avrop]="avrop">-->
<!--  <dt>Orsak till slutredovisning:</dt>-->
<!--  <dd>bbbb</dd>-->
<!--</msfa-report-description-list>-->
<!--<digi-notification-alert-->
<!--  *ngIf="submitError$ | async as error"-->
<!--  af-variation="danger"-->
<!--  af-heading="Någonting gick fel"-->
<!--&gt;-->
<!--  <p>Kunde inte spara slutredovisning. Ladda om sidan och försök igen.</p>-->
<!--  <p *ngIf="error.message" class="msfa__small-text">{{error.message}}</p>-->
<!--</digi-notification-alert>-->
