<p-menubar [model]="items" [ngStyle]="{'display': hideheader}">
  <ng-template pTemplate="start">
   <a href="http://ipmworks.net">
    <img src="assets/logo.jpg" height="97" class="pl-6 mr-8" alt="brand logo">
   </a>
  </ng-template>
  <ng-template pTemplate="end">
      <p-dropdown [options]="languages" [(ngModel)]="selectedLanguage" optionLabel="name" class="col-4" (onChange)="reloadTranslate($event)" 	appendTo="body">
        <ng-template pTemplate="selectedItem">
          <div *ngIf="selectedLanguage">
            <img src="assets/languages/{{locale}}.png" class="flag pr-2"/>
          </div>
        </ng-template>
        <ng-template let-language pTemplate="item">
          <div class="flex">
            <img src="assets/languages/{{language.code}}.png" class="flag pr-2"/>
            <div>{{language.name}}</div>
          </div>
        </ng-template>
      </p-dropdown>
  </ng-template>
</p-menubar>
<p-toast></p-toast>
