<div class="slutredovisning-view-description-list" *ngIf="slutredovisning; else loadingRef">
  <h3>Huvudsysselsättning</h3>
  <dl>
    <dt>Vilken är deltagarens huvudsakliga sysselsättning just nu?</dt>
    <dd>{{mainOccupationName}}</dd>

    <ng-container *ngIf="education">
      <dt>Utbildningsnivå</dt>
      <dd>{{educationLevel }}</dd>
      <ng-container *ngIf="education.otherExplanation">
        <dt>Beskrivning av Annat</dt>
        <dd>{{education.otherExplanation }}</dd>
      </ng-container>

      <dt>Utbildningens längd</dt>
      <dd>{{educationLength }}</dd>
      <dt>Inriktning på utbildningen</dt>
      <dd>{{education.educationSpecification }}</dd>
    </ng-container>

    <ng-container *ngIf="work">
      <ng-container *ngFor="let workItem of work">
        <dt>Yrkesområde</dt>
        <dd>{{workItem.yrkesomradeName }}</dd>
        <dt>Yrkesgrupp</dt>
        <dd>{{workItem.yrkesgruppName }}</dd>
        <dt>Anställningsform</dt>
        <dd>{{workItem.anstallningsform }}</dd>
        <ng-container *ngIf="workItem.otherExplanation">
          <dt>Beskrivning av Annat</dt>
          <dd>{{workItem.otherExplanation }}</dd>
        </ng-container>

        <dt>Omfattning</dt>
        <dd>{{omfattningToString(workItem.omfattning) }}</dd>
        <dt>Omfattning i procent</dt>
        <dd>{{workItem.omfattningPercent }}</dd>
      </ng-container>
    </ng-container>

    <ng-container *ngIf="stillUnemployed">
      <dt>Anledning till att arbetssökanden under tjänstens gång inte nått målet:</dt>
      <dd>
        <ul>
          <li *ngFor="let reason of stillUnemployed.reasonsGoalNotReached">{{capitalizeSentence(reason) }}</li>
        </ul>
      </dd>

      <ng-container *ngIf="stillUnemployed.otherExplanation">
        <dt>Beskrivning av Annat</dt>
        <dd>{{stillUnemployed.otherExplanation }}</dd>
      </ng-container>
    </ng-container>

    <ng-container *ngIf="other">
      <dt>Förtydling av Annan huvudsysselsättning:</dt>
      <dd>{{other.otherExplanation }}</dd>
    </ng-container>
  </dl>

  <h3>Aktiviteter</h3>
  <dl>
    <ng-container *ngFor="let activity of slutredovisning.activities">
      <dt>{{activity.name}}</dt>
      <dd><pre>{{activity.whatHasBeenDone}}</pre></dd>
    </ng-container>
  </dl>

  <h3>Deltagarens framsteg och utveckling</h3>
  <dl>
    <dt>Beskriv deltagarens framsteg och utveckling under perioden</dt>
    <dd><pre>{{slutredovisning.progressDescription}}</pre></dd>
    <dt>Information om lämpligt nästa steg för deltagaren</dt>
    <dd><pre>{{slutredovisning.nextStepDescription}}</pre></dd>
    <dt>Övrig information</dt>
    <dd><pre>{{slutredovisning.otherInformation}}</pre></dd>
  </dl>
</div>
<ng-template #loadingRef>
  <ui-loader uiType="padded"></ui-loader>
</ng-template>
