<div class="header">
  <ng-container>
    <h4 class="heading">
      <span *ngIf="customer.customerType === 16">{{ customer?.organisation?.name }}</span>
      <span *ngIf="customer.customerType !== 16">{{ customer?.lastName }} {{ customer?.firstName }} </span>
    </h4>
    <span class="date">{{ customer?.created | date: 'dd.MM.yy' }}</span>
  </ng-container>
</div>
<div class="content">
  <ng-container>
    <div class="data">
      <div class="name">PLZ und Ort</div>
      <div class="value">{{ customer?.address?.zipCode }} {{ customer?.address?.city }}</div>
    </div>
    <div class="data" *ngIf="customer.customerType === 16">
      <div class="name">Ansprechpartner</div>
      <div *ngIf="hasAttributes === 1" class="value">
        {{ customer?.organisation?.department }} {{ customer?.lastName }} {{ customer?.firstName }}
      </div>
      <div *ngIf="hasAttributes === 2" class="value">
        {{ customer?.organisation?.department }} | {{ customer?.lastName }} {{ customer?.firstName }}
      </div>
    </div>
    <div class="data">
      <div class="name">E-Mail</div>
      <div class="value">{{ customer?.communicationDetails?.email }}</div>
    </div>
  </ng-container>
</div>
<div class="features">
  <ng-container>
    <ng-container *ngFor="let feature of customer?.features">
      <div class="feature" *ngIf="feature.enabled">
        <ui-icon icon="check" size="15px"></ui-icon>
        <span>{{ feature.description }}</span>
      </div>
    </ng-container>
  </ng-container>
</div>
