import { TaskItems } from '../../imports/api/tasks.js';
import { M } from '../lib/assets/materialize.js';

Template.myTasksForm.onCreated(function() {
    
});

Template.myTasksForm.onRendered(function() {  
    var elems = document.querySelectorAll('.datepicker');
    var instances = M.Datepicker.init(elems, {});
    Session.set("hideComplete", true);
    Session.set("onlyToday", true);
});

Template.myTasksForm.helpers({

});

Template.myTasksForm.events({
    'click .addNewTask' (event) {
        event.preventDefault();
        let taskName = $("#myTaskName").val();
        let taskDate = $("#myTaskDate").val();
        let actDate = new Date(taskDate);

        if (taskName == null || taskName == "" || taskDate == "" || taskDate == null) {
            taskEntryErr = true;
            showSnackbar("Task Name and Date are Required!", "red");
            return;
        } else {
            Meteor.call("add.mytask", taskName, "self", "selfId", taskDate, actDate, function(err, result) {
                if (err) {
                    console.log("    ERROR adding task for self: " + err);
                    showSnackbar("ERROR adding task for self!", "red");
                } else {
                    console.log("    SUCCESS adding task for self.");
                    $("#myTaskName").val("");
                    $("#myTaskDate").val("");
                }
            });
        }
    },
    'click #showMyCompletedTasks' (event) {
        let hide = $("#showMyCompletedTasks").prop('checked');
        if (hide == true) {
            Session.set("hideComplete", false);
        } else {
            Session.set("hideComplete", true);
        }
    },
    'click #showAllTasks' (event) {
        let onlyToday = $("#showAllTasks").prop('checked');
        if (onlyToday == true) {
            Session.set("onlyToday", false);
        } else {
            Session.set("onlyToday", true);
        }

    }
});