import { Menus } from '../../imports/api/menu.js';

Template.mainMenuTbl.onCreated(function() {
    this.subscribe("myMenus");
});

Template.mainMenuTbl.onRendered(function() {
    Session.set("menuEditMode", false);
});

Template.mainMenuTbl.helpers({
    myMenus: function() {
        return Menus.find({});
    }
});

Template.mainMenuTbl.events({
    // 'click #addMenu' (event) {
    //     event.preventDefault();
    //     $('#modalMenu').modal('open');
    // },
    'click li.collection-item' (event) {
        event.preventDefault();
        let sender = event.target;
        // console.log("Sender origination from: ");
        // console.log(sender.localName);
        if (sender.localName == "li") {
            let menuId = event.currentTarget.id;
            if (menuId == "addMenu") {
                $('#modalMenu').modal('open');
            } else {
                console.log("menuId is: " + menuId);
                Session.set("menuId", menuId);
                Meteor.setTimeout(function() {
                    FlowRouter.go('/menuitems');
                }, 100);  
            }
        }
    },
});