import {
    Injectable,
    OnDestroy
} from '@angular/core';

import {
    Router as AngularRouter,
    NavigationExtras,
    NavigationEnd,
} from '@angular/router';

const IsBot = require("../util/is-bot.js");

let debounceGoogleAnalyticsTimeout: any;

import {SettingsService} from './settings';
import {Subscription} from 'rxjs'

@Injectable()
export class RouterService implements OnDestroy {
    subscriptions$: Array<Subscription> = []

    analytics = false

    constructor(private router: AngularRouter,
                private settings: SettingsService
    ) {
        if (!navigator.userAgent.toLowerCase().includes('corifeus') && !IsBot()) {
            const startGa = () => {

                window['gtag']('config', settings.data.core.integration.google.analytics,
                    {
                        'page_path': location.pathname
                    }
                );

                this.subscriptions$.push(
                    this.router.events.subscribe((event: any) => {
                        if (event instanceof NavigationEnd) {
                            clearTimeout(debounceGoogleAnalyticsTimeout);
                            debounceGoogleAnalyticsTimeout = setTimeout(() => {
                                //console.log(event.urlAfterRedirects)
                                window['gtag']('config', settings.data.core.integration.google.analytics,
                                    {
                                        'page_path': event.urlAfterRedirects
                                    }
                                );
                            }, 333)
                        }
                    })
                )
            }

            setTimeout(() => {
                if (settings.data.core.hasOwnProperty('integration') && settings.data.core.integration.hasOwnProperty('google') && settings.data.core.integration.google.hasOwnProperty('analytics') && settings.data.core.integration.google.analytics !== '') {
                    const loadSettings = setInterval(() => {

                        if (window['gtag'] !== undefined) {
                            this.analytics = true
                            clearInterval(loadSettings)
                            startGa();
                        } else {
                            console.info('corifeus-web is waiting for gtag to be available')
                        }
                    }, 333)
                }
            })
        }
    };

    scrollToTop() {
        window.scrollTo(0, 0);
        const elements = document.querySelectorAll('[cdk-scrollable]');
        for (let i = 0; i < elements.length; ++i) {
            const element = elements[i];
            element.scrollTop = 0;
            //.scrollTo(0, 0);
        }
        const sideNavDivs = document.getElementsByTagName('mat-sidenav-content');
        for (let i = 0; i < sideNavDivs.length; i++) {
            const sideNavDiv = sideNavDivs[i];
            sideNavDiv.scrollTop = 0;
        }
    }

    navigateTop(commands: any[], extras?: NavigationExtras): Promise<boolean> {
        this.scrollToTop();
        return this.navigate(commands, extras);
    }

    navigate(commands: any[], extras?: NavigationExtras): Promise<boolean> {
        return this.router.navigate(commands, extras);
    }

    get events() {
        return this.router.events;
    }

    ngOnDestroy(): void {
        this.subscriptions$.forEach(subs$ => subs$.unsubscribe())
    }

}