import { Tasks } from '../../../imports/api/tasks.js';

Template.taskForm.onCreated(function() {
    this.subscribe("userList");
    this.subscribe("allTasks");
});

Template.taskForm.onRendered(function() {
    Meteor.setTimeout(function() {
        $('select').formSelect();
    }, 100);
    $('select').formSelect();
    $('.datepicker').datepicker();
    $('.chips').chips();
    Session.set("taskNameErr", false);
    Session.set("taskUserErr", false);
    Session.set("taskDateErr", false);
    Session.set("hideCompletedTasks", true);
    Session.set("taskDateArr", []);
});

Template.taskForm.helpers({
    taskUsers: function() {
        return Meteor.users.find({});
    },
    username: function() {
        return this.profile.fullname;
    },
    usersId: function() {
        return this._id;
    },
    taskDates: function() {
        return Session.get("taskDateArr");
    },
});

Template.taskForm.events({
    'click #testChips' (event) {
        event.preventDefault();
        let taskName = M.Chips.getInstance($("#taskName")).chipsData;
        console.log(taskName);
        console.log(Session.get("taskDateArr"));
    },
    'change #taskDate' (event) {
        let taskDate = $("#taskDate").val();
        let taskDateArr = Session.get("taskDateArr");
        taskDateArr.push(taskDate);
        Session.set("taskDateArr", taskDateArr);
    },
    'click .saveTaskMgmt' (event) {
        event.preventDefault();
        let taskNameArr = M.Chips.getInstance($("#taskName")).chipsData;
        let taskDateArr = Session.get("taskDateArr");
        let taskUser = $("#taskUser").val();
        let taskUserErr = false;
        let taskNameErr = false;
        let taskDateErr = false;
        let userInfo;
        let actDate = [];

        // console.log("taskUser value: " + taskUser);

        if (taskNameArr == null || taskName == []) {
            taskNameErr = true;
        }

        if (taskDate == null || taskDate == []) {
            taskDateErr = true;
        } else {
            for (i = 0; i < taskDateArr.length; i++) {
                // console.log(taskDateArr[i]);
                let actDateTask = new Date(taskDateArr[i]);
                actDate.push(actDateTask);
            }
        }

        if (taskUser == null || taskUser == "") {;
            taskUserErr = true;
        } else {
            userInfo = taskUser.split('_');
        }

        if (taskUserErr == false && taskDateErr == false && taskNameErr == false) {
            Meteor.call("add.task", taskNameArr, userInfo[0], userInfo[1], taskDateArr, actDate, function(err, result) {
                if (err) {
                    console.log("    ERROR adding the new task: " + err);
                } else {
                    console.log("    SUCCESS adding the new task.");
                    M.Chips.getInstance($("#taskName")).deleteChip();
                    Session.set("taskDateArr", []);
                    $("#taskDate").val("");
                    $("#taskUser").val("");
                    $('select').formSelect();
                }
            });
        } else {
            showSnackbar("ERROR: Missing Required Fields!", "red");
        }
    },
    'click #hideCompletedTasks' (event) {
        let hideComp = $("#hideCompletedTasks").prop('checked');
        if (hideComp == true) {
            Session.set("hideCompletedTasks", true);
        } else {
            Session.set("hideCompletedTasks", false);
        }
        
    }
});