<ion-menu [content]="content">
    <ion-content class="sidemenu_main">
        <div class="language_change">
                <ion-row>
                        <ion-col col-6>
                            <p>{{'common.Choose_Language' | translate}}</p>
                        </ion-col>
                        <ion-col col-6>
                            <select id="translation" class="translation" #language (change)="changeLang($event.target.value)">
                                <option value="0" selected>EN</option>
                                <option value="1">RU</option>
                            </select>
                        </ion-col>
                    </ion-row>
                </div>
        <div class="sidemenu_main" *ngIf="local">
            
            <div class="sidemnu_profile_circle">
                <img [src]="local.profile_pic" onError="this.src='assets/imgs/spa.jpg';">
            </div>
            <h6>{{'common.Hi' | translate}}</h6>
            <h4>{{local.firstname}} {{local.lastname}}</h4>
            <ul>
                <li (click)="openPage('HomePage')" menuClose>
                    {{'common.Home' | translate}}</li>

                <li (click)="open_page('ProfilePage')" menuClose>
                   {{'common.My_Profile' | translate}}</li>

                <li (click)="open_page('MybookingPage')" menuClose>
                    {{'common.My_Booking' | translate}}</li>

                <!-- <li (click)="open_page('NotificationPage')" menuClose>
                    <ion-icon name="md-arrow-dropright"></ion-icon>Notifications</li> -->

                <!-- <li (click)="open_page('MessagePage')" menuClose>
                    <ion-icon name="md-arrow-dropright"></ion-icon>My Chats</li> -->

                <li (click)="login()" menuClose>
                    {{'common.Logout' | translate}}</li>

            </ul>
        </div>

        <div class="sidemenu_main" *ngIf="!local">
            <div class="sidemnu_profile_circle">

            </div>
            <h6>{{'common.Hi' | translate}} </h6>
            <h4> {{'common.Guest' | translate}}</h4>
            <ul>
                <li (click)="openPage('HomePage')" menuClose>
                    {{'common.Home' | translate}}</li>

                <li menuClose (click)="openPage('LoginPage')">
                    {{'common.Sign_in' | translate}}
                </li>
                <li menuClose (click)="openPage('SignupPage')">
                    {{'common.Sign_Up' | translate}}
                </li>
                <li menuClose (click)="openPage('ForgotPage')">
                   {{'common.Forgot_Password' | translate}}
                </li>
            </ul>
        </div>


    </ion-content>
</ion-menu>
<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>