/*
 * Squidex Headless CMS
 *
 * @license
 * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
 */

import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
import { ApiUrlConfig, AuthService, fadeAnimation, ModalModel, StatefulComponent, UIOptions, UIState } from '@app/shared';

interface State {
    // The display name of the user.
    profileDisplayName: string;

    // The id of the user.
    profileId: string;

    // The email address of the user.
    profileEmail: string;

    // The url to the user profile.
    profileUrl: string;
}

@Component({
    selector: 'sqx-profile-menu',
    styleUrls: ['./profile-menu.component.scss'],
    templateUrl: './profile-menu.component.html',
    animations: [
        fadeAnimation
    ],
    changeDetection: ChangeDetectionStrategy.OnPush
})
export class ProfileMenuComponent extends StatefulComponent<State> implements OnInit {
    public modalMenu = new ModalModel();

    public showSubmenu = false;

    public language = this.uiOptions.get('more.culture');
    public languages: ReadonlyArray<{ code: string, name: string }> = [{
        code: 'en',
        name: 'English'
    }, {
        code: 'nl',
        name: 'Hollandske'
    }, {
        code: 'it',
        name: 'Italiano'
    }];

    constructor(changeDetector: ChangeDetectorRef, apiUrl: ApiUrlConfig,
        public readonly uiState: UIState,
        public readonly uiOptions: UIOptions,
        public readonly authService: AuthService
    ) {
        super(changeDetector, {
            profileDisplayName: '',
            profileEmail: '',
            profileId: '',
            profileUrl: apiUrl.buildUrl('/identity-server/account/profile')
        });
    }

    public ngOnInit() {
        this.own(
            this.authService.userChanges
                .subscribe(user => {
                    if (user) {
                        const profileId = user.id;
                        const profileEmail = user.email;
                        const profileDisplayName = user.displayName;

                        this.next(s => ({ ...s,
                            profileId,
                            profileEmail,
                            profileDisplayName
                        }));
                    }
                }));
    }

    public changeLanguage(code: string) {
        document.cookie = `.AspNetCore.Culture=c=${code}|uic=${code}`;

        location.reload();
    }

    public toggle() {
        this.showSubmenu = !this.showSubmenu;
    }

    public logout() {
        this.authService.logoutRedirect();
    }
}