<!--
  ~ Copyright (C) 2018 Robert Bosch GmbH Copyright (C) 2018 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
  -->

<div class="bci-header-container">
  <ng-container *ngIf="header?.length">
    <div class="header-title">{{ header }}</div>
  </ng-container>
  <div class="header-content">
    <bci-breadcrumbs role="navigation" aria-label="breadcrumbs" *ngIf="!breadcrumbService.getShowOrHideBreadcrumbs()">
      <bci-breadcrumb
        *ngFor="let breadcrumb of breadcrumbService.breadcrumbs | async; let last = last"
        [attr.aria-current]="last ? 'page' : false"
        [title]="breadcrumb.title"
        [url]="breadcrumb.url"
      >
      </bci-breadcrumb>
    </bci-breadcrumbs>
    <ng-content></ng-content>
  </div>
  <a class="header-logo" (click)="onLogoClicked()">
    <img src="./assets/img/bosch-logo-only.png" alt="{{ layoutIntl.inventedLogoAlt }}" />
  </a>
</div>
