<div class="profile-menu-container">
  <ng-container [ngSwitch]="menuButtonType">
    <ng-container *ngSwitchCase="1">
      <button
        mat-icon-button
        aria-label="chat"
        [matTooltip]="'common:tooltip.chat' | ucapI18n"
        (click)="onClickProfileMenu($event, ProfileMenuType.chat)"
      >
        <img src="assets/images/ico/btn_lise_chat_a24.svg" alt="" />
      </button>
      <button
        mat-icon-button
        aria-label="message"
        [matTooltip]="'common:tooltip.message' | ucapI18n"
        (click)="onClickProfileMenu($event, ProfileMenuType.message)"
      >
        <img src="assets/images/ico/btn_list_message_a24.svg" alt="" />
      </button>
      <button
        mat-icon-button
        aria-label="mobile"
        [matTooltip]="'common:tooltip.mobile' | ucapI18n"
        (click)="onClickProfileMenu($event, ProfileMenuType.mobile)"
      >
        <img src="assets/images/ico/btn_list_mobile_a24.svg" alt="" />
      </button>
      <button
        mat-icon-button
        aria-label="call"
        [matTooltip]="'common:tooltip.office' | ucapI18n"
        (click)="onClickProfileMenu($event, ProfileMenuType.office)"
      >
        <img src="assets/images/ico/btn_list_call_a24.svg" alt="" />
      </button>
      <button
        mat-icon-button
        aria-label="vc"
        [disabled]="!authRes || (!!authRes && !authRes.canVideoConference)"
        [matTooltip]="'common:tooltip.videoConference' | ucapI18n"
        (click)="onClickProfileMenu($event, ProfileMenuType.videoConference)"
      >
        <img src="assets/images/ico/btn_list_vc-a24.svg" alt="" />
      </button>
      <button
        mat-icon-button
        aria-label="more"
        *ngIf="isShowMoreMenu"
        [matTooltip]="'common:tooltip.more' | ucapI18n"
        (click)="onClickMoreMenu($event)"
      >
        <mat-icon>more_horiz</mat-icon>
      </button>
    </ng-container>
    <ng-container *ngSwitchCase="2">
      <button
        mat-icon-button
        aria-label="Profile"
        [matTooltip]="'common:tooltip.profile' | ucapI18n"
        (click)="onClickProfileMenu($event, ProfileMenuType.profile)"
      >
        <img src="assets/images/ico/btn_list_profile_set_a24.svg" alt="" />
      </button>
      <button
        mat-icon-button
        aria-label="chat"
        [matTooltip]="'common:tooltip.chat' | ucapI18n"
        (click)="onClickProfileMenu($event, ProfileMenuType.chat)"
      >
        <img src="assets/images/ico/btn_lise_chat_a24.svg" alt="" />
      </button>
      <button
        mat-icon-button
        *ngIf="!isMe"
        aria-label="message"
        [matTooltip]="'common:tooltip.message' | ucapI18n"
        (click)="onClickProfileMenu($event, ProfileMenuType.message)"
      >
        <img src="assets/images/ico/btn_list_message_a24.svg" alt="" />
      </button>
      <div *ngIf="!isMe && !!isShowForce" class="divider"></div>
      <button
        mat-icon-button
        *ngIf="!isMe && !!isShowForce"
        aria-label="vc"
        [matTooltip]="'common:tooltip.exitForcing' | ucapI18n"
        (click)="onClickProfileMenu($event, ProfileMenuType.exitForcing)"
      >
        <img src="assets/images/ico/btn_list_exit_a24.svg" alt="" />
      </button>
    </ng-container>
  </ng-container>
</div>