import { Meteor } from 'meteor/meteor';
import { M } from '../lib/assets/materialize';
import { UpdateInfo } from '../../imports/api/updateInfo.js';
import { FlowRouter } from 'meteor/ostrio:flow-router-extra';
import { Roles } from 'meteor/roles';

Template.headerBar.onCreated(function() {
    this.subscribe("UpdateVersion");
    this.subscribe("assignment");
});

Template.headerBar.onRendered(function() {
    var elems = document.querySelectorAll('.sidenav');
    var instances = M.Sidenav.init(elems, {});
    var elemd = document.querySelectorAll('.dropdown-trigger');
    var instances = M.Dropdown.init(elemd, {});

    setTimeout(function() {
        const getRoles = async() => {
            let userId = Meteor.userId();
            // let isRole = await Roles.userIsInRoleAsync(userId, "systemadmin");
            let isRole = await Roles.getRolesForUserAsync(userId);
            try {
                if (!isRole) {
                    console.log("SystemAdmin role for user not found: " + isRole);;
                } else {
                    console.log("Found role for the user: ");
                    console.dir(isRole);
                }
            } catch(error) {
                console.log("    ERROR getting role for user: " + error);
            }
        }
        getRoles();
    }, 1000);
});

Template.headerBar.helpers({
    adminReg: function() {
        return Session.get("adminreg");
    },
    myTheme: function() {
        return Session.get("myTheme");
    },
    updateExists: function() {
        let update = UpdateInfo.find({ viewed: false }).fetch();
        if (update.length > 0) {
            return true;
        } else {
            return false;
        }
    },
});

Template.headerBar.events({
	'click  .navBtn' (event) {
        event.preventDefault();
        var clickedTarget = event.target.id;
        // console.log("clicked " + clickedTarget);
        if (clickedTarget == 'mainMenu') {
            FlowRouter.go('/');
        } else {
            // console.log("should be going to /" + clickedTarget);
            FlowRouter.go('/' + clickedTarget);
        }
    },
    'click .signOut': () => {
        FlowRouter.go('/');
        Meteor.logout();
    },
    'click #brandLogo' (event) {
        event.preventDefault();
        FlowRouter.go('/dashboard');
    }
});