<div class="row header">
  <div class="col-lg-1">
    <img
      class="float-left text-left logo"
      src="../../../../assets/images/starlogo-02.png"
      alt="Daimler Logo"
    />
  </div>
  <div class="col-lg-2">
    <img
      class="float-left text-left logo-alternate"
      src="../../../../assets/images/MercedesBenz.png"
      alt="Daimler Alt Logo"
    />
  </div>
  <div class="col-lg-9">
    <ul class="nav lighten-4 float-left text-left header-links">
      <ng-container *ngIf="showNavs">
        <ng-container *ngFor="let h of headerItems; index as i">
          <li class="nav-item active" *ngIf="i == 0">
            <a class="nav-link" href="{{ h.linkValue }}">{{ h.label }}</a>
          </li>
          <li class="nav-item" *ngIf="!(i == 0)">
            <a class="nav-link" href="{{ h.linkValue }}">{{ h.label }}</a>
          </li>
        </ng-container>
      </ng-container>
    </ul>
    <ul class="nav lighten-4 float-right text-right header-links-profile">
      <li>
        <div class="btn-group" mdbDropdown>
          <mdb-badge class="split-dropdown-label">{{
            "Welcome, " + headerProfile.name
          }}</mdb-badge>
          <button
            type="button"
            mdbDropdownToggle
            mdbBtn
            class="dropdown-toggle dropdown-toggle-split px-3 waves-light split-dropdown-button"
            mdbWavesEffect
          ></button>
          <div class="dropdown-menu dropdown-menu-right dropdown-dark">
            <ng-container *ngFor="let d of headerProfile.dropdown; index as i">
              <div *ngIf="i != 0" class="dropdown-divider"></div>
              <a class="dropdown-item" href="{{ d.linkValue }}">
                {{ d.label }}
              </a>
            </ng-container>
          </div>
        </div>
      </li>
      <li>
        <img
          src="../../../../assets/images/profile-icon.png"
          class="profile-icon"
          alt="Profile Icon"
        />
      </li>
    </ul>
  </div>
</div>
