import { Template } from 'meteor/templating';
import { Session } from 'meteor/session';
import { Router } from 'meteor/iron:router';
import { ReactiveVar } from 'meteor/reactive-var';
import { OHIF } from 'meteor/ohif:core';

Template.app.onCreated(() => {
    const instance = Template.instance();
    instance.headerClasses = new ReactiveVar('');

    OHIF.header.dropdown.setItems([{
        action: OHIF.user.audit,
        text: 'View Audit Log',
        iconClasses: 'log',
        iconSvgUse: 'packages/ohif_user-management/assets/user-menu-icons.svg#log',
        separatorAfter: true
    }, {
        action: () => OHIF.ui.showDialog('themeSelectorModal'),
        text: 'Themes',
        iconClasses: 'theme',
        iconSvgUse: 'packages/ohif_user-management/assets/user-menu-icons.svg#theme',
        separatorAfter: true
    }, {
        action: () => OHIF.ui.showDialog('serverInformationModal'),
        text: 'Server Information',
        iconClasses: 'server',
        iconSvgUse: 'packages/ohif_user-management/assets/user-menu-icons.svg#server',
        separatorAfter: true
    }, {
        action: OHIF.user.changePassword,
        text: 'Change Password',
        iconClasses: 'password',
        iconSvgUse: 'packages/ohif_user-management/assets/user-menu-icons.svg#password'
    }, {
        action: OHIF.user.logout,
        text: 'Logout',
        iconClasses: 'logout',
        iconSvgUse: 'packages/ohif_user-management/assets/user-menu-icons.svg#logout'
    }]);

    instance.autorun(() => {
        const currentRoute = Router.current();
        if (!currentRoute) return;
        const routeName = currentRoute.route.getName();
        const isViewer = routeName.indexOf('viewer') === 0;

        // Add or remove the strech class from body
        $(document.body)[isViewer ? 'addClass' : 'removeClass']('stretch');

        // Set the header on its bigger version if the viewer is not opened
        instance.headerClasses.set(isViewer ? '' : 'header-big');

        // Set the viewer open state on session
        Session.set('ViewerOpened', isViewer);
    });
});

Template.app.events({
    'click .js-toggle-studyList'(event, instance) {
        event.preventDefault();
        event.stopPropagation();
        const isViewer = Session.get('ViewerOpened');

        if (!isViewer) {
            const timepointId = OHIF.viewer.data.currentTimepointId;
            if (timepointId) {
                Router.go('viewerTimepoint', { timepointId });
            } else {
                const { studyInstanceUids } = OHIF.viewer.data;
                Router.go('viewerStudies', { studyInstanceUids });
            }

            return;
        }

        OHIF.ui.unsavedChanges.presentProactiveDialog('viewer.*', (hasChanges, userChoice) => {
            if (!hasChanges) {
                return Router.go('studylist');
            }

            switch (userChoice) {
                case 'abort-action':
                    return;
                case 'save-changes':
                    OHIF.ui.unsavedChanges.trigger('viewer', 'save', false);
                    OHIF.ui.unsavedChanges.clear('viewer.*');
                    break;
                case 'abandon-changes':
                    OHIF.ui.unsavedChanges.clear('viewer.*');
                    break;
            }

            Router.go('studylist');
        }, {
            position: {
                x: event.clientX + 15,
                y: event.clientY + 15
            }
        });
    }
});

Template.app.helpers({
    userName: OHIF.user.getName,

    studyListToggleText() {
        const isViewer = Session.get('ViewerOpened');

        // Return empty if viewer was not opened yet
        if (!OHIF.viewer.data.studyInstanceUids) return;

        return isViewer ? 'Study list' : 'Back to viewer';
    },

    dasherize(text) {
        return text.replace(/ /g, '-').toLowerCase();
    }
});

Session.set('defaultSignInMessage', 'Tumor tracking in your browser.');