<!-- <ion-nav [root]="rootPage" #mycontent swipeBackEnabled="false"></ion-nav> -->
<!-- (ionWillOpen)="menuOpened(true)" -->
<ion-app [dir]="direction">
  <ion-split-pane>
    <ion-menu [side]=" direction === 'rtl' ?  'end' : 'start'" [swipeGesture]="false">
      <ion-content class="sidebar-menu">
        <div class="header-div">
          <div class="centerDiv">
            <p class="TxtPlace">{{ts.trPK('home','hello')}}, {{User_name_Emp}}</p>
            <!-- <div> <img src="{{user_image}}" class="profileImg"></div> -->
            <div><img class="menuImg" [src]="user_image"></div>


          </div>
        </div>
        <ion-list>
          <ion-item (click)="openNotification()">
            <ion-thumbnail slot="start" class="menu-thumb">
              <img width="30" src="../assets/imgs/bell.png" item-left>
            </ion-thumbnail>
            <ion-label>
              {{ts.trPK('home','worklist')}}

              <ion-badge  [ngClass]=" direction === 'rtl' ?  'end-badge' : 'start-badge'" slot="end" color="danger" class="main-badge">{{notBadge}}</ion-badge>
            </ion-label>
            <!-- <button class="menu-item" ion-item  menuClose ion-item  (click)="goToWorkListPage()" >
               
               
            
            </button> -->
          </ion-item>
          <ion-item (click)="profile()">
            <ion-thumbnail slot="start" class="menu-thumb">
              <img width="30" src="../assets/imgs/username.png" item-left>
            </ion-thumbnail>
            <ion-label>
              {{ts.trPK('userProfile','title')}}
            </ion-label>
          </ion-item>
          <ion-item (click)="logout();">


            <ion-thumbnail slot="start" class="menu-thumb">
              <img width="30" src="../assets/imgs/signout.png" item-left>
            </ion-thumbnail>
            <ion-label>
              {{ts.trPK('home','logout')}}
            </ion-label>

          </ion-item>
        </ion-list>

        <div class="" style="text-align:center">
           <img src="{{companyUrl}}" class="CompanyImg logoImg">
          <p class="companyTxt">{{CompanyImageDescription}}</p>
        </div>
        <div class="menuFooter">
          <div> <img src="../assets/imgs/CS.png" class="CompanyImg"></div>
          <p class="companyTxt">{{companyDesc}}</p>
        </div>
      </ion-content>

    </ion-menu>

    <ion-router-outlet main></ion-router-outlet>

  </ion-split-pane>

</ion-app>