import { MenuItems } from '../../imports/api/menuItems.js';
import { M } from '../lib/assets/materialize.js';

Template.menuItemsTbl.onCreated(function() {
    this.autorun( () => {
        this.subscribe("myMenuItems", Session.get("menuId"));
    });
});

Template.menuItemsTbl.onRendered(function() {
    var elems = document.querySelectorAll('.modal');
    var instances = M.Modal.init(elems, {});

    var elemt = document.querySelectorAll('.tooltipped');
    var instancet = M.Tooltip.init(elemt, {});

    Meteor.setTimeout(function() {
        var instances = M.Modal.init(elems, {});
        var instancet = M.Tooltip.init(elemt, {});
    }, 500);
});

Template.menuItemsTbl.helpers({
    thisMenuItems: function() {
        return MenuItems.find({ menuId: Session.get("menuId") }, { sort: { serveDateActual: 1 }});
    }
});

Template.menuItemsTbl.events({
    'click .deleteMenuItem' (event) {
        event.preventDefault();
        Session.set("deleteId", this._id);
        Session.set("method", "delete.menuItem");
        Session.set("item", this.itemName);
        Session.set("view", "Menu Items");
    },
    'click .linkToProducts' (event) {
        event.preventDefault();
        Session.set("menuItemId", this._id);
    },
    'click .addProdsToList' (event) {
        event.preventDefault();
        console.log("Menu Iteme Id sent is: " + this._id);
        Session.set("menuItemId", this._id);
    }
});