import { Lists } from '../../../imports/api/lists.js';
import { M } from '../../lib/assets/materialize.js';

Template.listMgmtTbl.onCreated(function() {
    this.subscribe("allLists");
});

Template.listMgmtTbl.onRendered(function() {
    var elems = document.querySelectorAll('.tooltipped');
    var instances = M.Tooltip.init(elems, {});
    var elemm = document.querySelectorAll('.modal');
    var instancem = M.Modal.init(elemm, {});
});

Template.listMgmtTbl.helpers({
    lists: function() {
        let showComplete = Session.get("showCompletedLists");
        if (showComplete) {
            return Lists.find({});
        } else {
            return Lists.find({ listComplete: false });
        }
    }
});

Template.listMgmtTbl.events({
    'click .deleteListName' (event) {
        event.preventDefault();
        Session.set("deleteId", this._id);
        Session.set("method", "delete.list");
        Session.set("item", this.listName);
        Session.set("view", "Lists");
        let listId = this._id;
    },
    'click .editListName' (event) {
        event.preventDefault();
        const lInfo = async() => {
            let listInfo = await Lists.findOneAsync({ _id: this._id });
            return listInfo;
        }
        let listData = lInfo();

        let listName = listData.listName;
        let listShared = listData.listShared;
        $("#listNameInp").val(listName);
        if (listShared == true) {
            $("#isShared").prop("checked", true);
        } else {
            $("#isShared").prop("checked", false);
        }
        Session.set("listNameEditMode", true);
        Session.set("listItemId", this._id);
    },
    'click .markListComplete' (event) {
        event.preventDefault();
        let listId = this._id;
        const markComp = async() => {
            let result = await Meteor.callAsync('mark.complete', listId);
            if (!result) {
                console.log("    ERROR marking complete.");
            } else {
                // console.log("    SUCCESS marking complete.");
            }
        }
        markComp();
    },
    'click .markListNotComplete' (event) {
        event.preventDefault();
        let listId = this._id;
        const markInc = async() => {
            let result = await Meteor.callAsync('mark.incomplete', listId);
            if (!result) {
                console.log("Issue marking list incomplete.");
            } else {
                // console.log("List marked incomplete.");
            }
        }
        markInc();
    }
});