<div height="80" class="bn darkmenu w-12">

    <a routerLink="/" routerLinkActive="active">
        <img src="https://www.enea.it/++theme++ENEA/img/logoENEA.png"
             height="40" class="p-mr-2 mr1 logo ml-2">
    </a>

    <span class="header-title">{{ 'HEADER.TITLE' | translate }}</span>

    <span style="float:right;">
       <button type="button" pButton pRipple icon="pi pi-bars"
               (click)="menu.toggle($event)" style=" background: #003183;"></button>
		<p-menu #menu [popup]="true" [model]="items"></p-menu>
    </span>
    <span *ngIf="userService?.user" class="mr-2 ml-2">{{ userService?.user?.name }} {{ userService?.user?.surname }}</span>
    <p-avatar *ngIf="userService.user"
              icon="pi pi-user"
              styleClass="p-mr-2 hidden md:inline-flex"
              size="large"
              shape="circle"
              [style]="{'background-color---DISABLED':'#2196F3', 'color---DISABLED': '#ffffff'}"
    ></p-avatar>
</div>
<!--  <p-menubar [model]="items" styleClass="bn darkmenu"> -->
<!--     <ng-template pTemplate="start"> -->
<!--         <span width="50%"> -->
<!--         <a routerLink="/" routerLinkActive="active"> -->
<!--             <img src="https://www.enea.it/++theme++ENEA/img/logoENEA.png"  -->
<!--             height="40" class="p-mr-2 mr1 logo ml-2"> -->
<!--         </a> -->
<!--         <span class="header-title">{{ 'HEADER.TITLE' | translate }}</span> -->
<!--         </span> -->
<!--         <p-avatar *ngIf="user" -->
<!--                       icon="pi pi-user" -->
<!--                       styleClass="p-mr-2 hidden md:inline-flex" -->
<!--                       size="large" -->
<!--                       shape="circle" -->
<!--                       [style]="{'background-color---DISABLED':'#2196F3', 'color---DISABLED': '#ffffff'}" -->
<!--             ></p-avatar> -->
<!--     </ng-template> -->
<!--     <ng-template pTemplate="end" styleClass="bn darkmenuEnd"> -->
<!--          <div class="inline-flex align-items-center"> -->
<!--         	 img    *ngFor="let lang of translate.getLangs()"
                     [src]="'assets/images/lang/64/' + lang + '.png'" -->
<!--                     class="flags hidden md:inline" -->
<!--                     (click)="setActualLanguage(lang)" -->
<!--             /> -->

<!--             <p-button  *ngIf="!user" routerLink="/login" routerLinkActive="active" -->
<!--                       label="{{ 'HEADER.SIGN_IN' | translate }}"  -->
<!--                       styleClass="p-button-link hidden md:inline"></p-button> -->
<!--             <p-button *ngIf="user" (click)="logout()" label="{{ 'HEADER.SIGN_OUT' | translate }}" -->
<!--                       styleClass="p-button-link hidden md:inline"></p-button> -->
<!--             <span *ngIf="user" class="mr-2 ml-2">{{ user.name }} {{ user.surname }}</span> -->
<!-- 			-->
<!--             (click)="echoUser()" -->

<!--         </div> -->
<!--     </ng-template> -->
<!-- </p-menubar> -->