<div class="header">
  <div class="title">
    <div>{{ customerName }}</div>
    <div><app-button [type]="'small'" (action)="print()">Drucken</app-button></div>
  </div>
  <div class="info">
    <div class="order">
      <div class="order-container">
        <div class="label">Belegnummer</div>
        <div class="data order-number" (click)="goToDetails()" [ngClass]="{ download: isDownload }">#{{ orderNumber }}</div>
      </div>
      <div class="order-container">
        <div class="label">Bestelldatum</div>
        <div class="data">{{ orderDate | date: 'dd.MM.yy' }}</div>
      </div>
    </div>
    <div class="location">
      <div class="location-container">
        <div class="label">
          <ng-container *ngIf="!isDelivery && !isDownload">Zielfiliale</ng-container> <ng-container *ngIf="isDownload">E-Mail</ng-container>
        </div>
        <div class="data">
          <ng-container *ngIf="!isDelivery && !isDownload">{{ orderBranch }}</ng-container>
          <ng-container *ngIf="isDownload">{{ email }}</ng-container>
        </div>
      </div>
      <div class="location-container">
        <div class="label">{{ isDelivery ? 'Lieferadresse' : 'Adresse' }}</div>
        <div class="data address" *ngIf="isDelivery || isDownload">{{ deliveryAddress }}</div>
        <div class="data address" *ngIf="!isDelivery && !isDownload">{{ orderBranchAddress }}</div>
      </div>
    </div>
  </div>
</div>
