Template.coverSheetEditor.helpers({
    isVisible : function(){
        // if session is not defined, coversheet is visible by default
        if (Session.get("coverSheetVisible") === undefined || Session.get("coverSheetVisible") === true){
            return true;
        } else {
            return false;
        }
    },

    coverSheetImage : function(){
        if (!this.project.survey.coverSheet.image) {
            return;
        }

        var coverSheetImage = this.project.survey.coverSheet.image;
        if (coverSheetImage){
           return Images.findOne({ '_id': coverSheetImage });
        }
    },

    coverSheetLogo: function(){
        if (!this.project.survey.coverSheet.logo) {
            return;
        }

        var coverSheetLogo = this.project.survey.coverSheet.logo;
        if (coverSheetLogo){
            return Images.findOne({ '_id': coverSheetLogo });
        } else {
            return false;
        }
    }
});

Template.coverSheetEditor.onRendered(function(){
    var instance = this;
    instance.autorun(function(){
        var imageUrl = Images.findOne(Template.currentData().project.survey.coverSheet.image).url({ store : "originals" });
        //if som
        instance.$(".coverSheetContainer").css({
        "background" : "linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url(" + imageUrl + ") no-repeat",
        "background-size" : "800px 232px"
        });
    });
});

Template.coverSheetEditor.events({


    'click .visibility' : function(event, template){

        var $me = template.$(event.target);

        if ($me.hasClass("hideCover")){
           Session.set("coverSheetVisible", false);
        } else {
           Session.set("coverSheetVisible", true);
        }
    },

    'click .coverImage': function(event, template){
        // redirect to our hidden file upload form
        var fileUpload = template.$(".uploadCoverImage").click();
    },

    'change .uploadCoverImage': function(event, template){

        var projectId = this.project._id;


        ImageManager(Images).upload(event, {
            "projectId" : projectId
        }, function(err, updatedFile){
            Dispatcher.call('uploadCoverSheetImage', projectId, updatedFile._id);

        });
    },

    'click .logo': function(event, template){

        // redirect to our hidden file upload form
        var fileUpload = template.$(".uploadLogo").click();
    },

    'change .uploadLogo': function(event, template){

        var projectId = this.project._id;

        ImageManager(Images).upload(event, {
            "projectId" : projectId
        }, function(err, updatedFile){

            Dispatcher.call('uploadCoverSheetLogo', projectId, updatedFile._id);
        });
    },

    'blur .introductionText' : function(event, template){

        var projectId = template.data.project._id;
        var newText = template.$('.introductionText').text();

        Dispatcher.call('updateIntroduction', projectId, newText);


    },

    'blur .customText' : function(event, template){

        var projectId = template.data.project._id;
        var newText = template.$('.customText').text();

        Dispatcher.call('updateCustomButton', projectId, newText);

    }
});