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

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

Template.headerBar.onRendered(function() {
    Session.set("loginOrReg", "login");
});

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;
        }
    },
    loginOrReg: function() {
        return Session.get("loginOrReg");
    },
});

Template.headerBar.events({
	'click .navBtn' (event) {
        event.preventDefault();
        var clickedTarget = event.target.id;
        console.log("clicked " + clickedTarget);
        if (clickedTarget == 'mainMenu') {
            FlowRouter.go('/');
        } else if (clickedTarget == 'manage') {
            FlowRouter.go('/systemAdmin');
        } else if (clickedTarget == 'login') {
            Session.set("loginOrReg", "login");
        } else if (clickedTarget == 'reg') {
            Session.set("loginOrReg", "reg");
        } 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');
    },
    'click #openNav' (event) {
        let mySidenav = document.getElementById("mySidenav");
        mySidenav.style.left = "0";
    },
    'click #closeNav' (event) {
        let mySidenav = document.getElementById("mySidenav");
        mySidenav.style.left = "-250px";
    },
});