var Xrm = Xrm || {};

Xrm.Portal = {
  Utility: {
    Selector: {
      appendSelector: function(id) {
        return "#" + id;
      },
      appendLabel: function(id) {
        return id + "_label";
      },
      getByControlId: function(id) {
        return $(this.appendSelector(id));
      },
      getTextLabel: function(id) {
        return $(this.appendSelector(id) + "_label");
      },
      getLookupName: function(id) {
        return $(this.appendSelector(id) + "_name");
      },
      getLookupEntity: function(id) {
        return $(this.appendSelector(id) + "_entityname");
      },
      getByDataName: function(id) {
        return $("[data-name=" + id + "]");
      }
    },
    Validation: {
      postFix: "_Xrm_Client_Validation",
      required: function(control) {
        console.log("Validation.required -> id: " + control);
        var value = control.getValue();
        if (value == null || value == "" || (value.hasOwnProperty("id") && (value.id == "" || value.id == null))) {
          return false;
        } else {
          return true;
        }
      },
      removeValidation: function(groupObj, control) {
        $(groupObj).attr("class", "info");
        var l = Xrm.Portal.Utility.Selector.appendLabel(control.id);
        var vid = l + this.postFix;
        Page_Validators = $.grep(Page_Validators,
          function(e) {
            return $(e).prop('controltovalidate') != "" && $(e).prop('id') != vid;
          }
        );
      },
      setValidation: function(groupObj, control, validationFunction, customMessage) {
        var id = control.id;
        var l = Xrm.Portal.Utility.Selector.appendLabel(id);
        var vid = l + this.postFix;
        var g = groupObj;
        var c = Xrm.Portal.Utility.Selector.getByControlId(id);

        $(g).attr("class", "info required");
        Page_Validators = $.grep(Page_Validators,
          function(e) {
            return $(e).prop('controltovalidate') != "" && $(e).prop('id') != vid;
          }
        );

        var vF = validationFunction == null ? function() {
          return Xrm.Portal.Utility.Validation.required(control)
        } : validationFunction;

        //retrive lable if there is no custom message
        var m = customMessage == null ? $(g).children("label").html() + " is a required field." : customMessage;

        if (typeof(Page_Validators) == 'undefined') return;
        // Create new validator
        var nv = document.createElement('span');
        nv.style.display = "none";
        nv.id = vid;
        nv.controltovalidate = id;
        nv.errormessage = "<a href='#" + l + "'>" + m + "</a>";
        nv.validationGroup = "";
        nv.initialvalue = "";
        nv.evaluationfunction = vF;

        // Add the new validator to the page validators array:
        Page_Validators.push(nv);

        // Wire-up the click event handler of the validation summary link
        $("a[href='#" + l + "']").on("click", function() {
          scrollToAndFocus("'" + l + "'", "'" + id + "'");
        });
      },
    },
    Event: {
      wireUp: function(events) {
        console.log("Event.wireUp -> events: " + events);
        for (var i in events) {
          var e = events[i];
          if (e.hasOwnProperty("t") && e.hasOwnProperty("f")) {
            console.log("Event wireup -> c: " + e.c + ", t: " + e.t + ", f: " + e.f);
            var c = Xrm.Portal.Utility.Selector.getByControlId(e.c); //CHECK
            switch (e.t) {
              case Xrm.Portal.EventType.OnChange:
                this.attachOnChange(c, e.f);
                break;
              case Xrm.Portal.EventType.OnClick:
                alert("OnClick is not implemented");
                break;
              default:
                break;
            }
          }
        }
      },
      attachOnChange: function(control, callback) {
        console.log("attachOnChange -> control: " + control);
        control.change(callback);
        control.trigger("change");
      },
      removeOnChange: function(control) {
        console.log("attachOnChange -> control: " + control);
        control.off("change");
      }
    }
  },
  Ui: {
    get: function(id) {
      var c = Xrm.Portal.Utility.Selector.getByDataName(id);
      var ct = this.getControlType(c);
    },
    getControlType: function(c) {
      console.log("getControlType -> c: " + c);
      if (c.length > 0) {
        if (c.attr("class").startsWith("tab")) {
          return this.controlType.Tab;
        } else if (c.attr("class").startsWith("section")) {
          return this.controlType.Section;
        }
      }
    },
    controlType: {
      Tab: 1,
      Section: 2
    }
  },
  Form: {
    get: function(id) {
      var c = Xrm.Portal.Utility.Selector.getByControlId(id);
      var ct, v;

      if (c != undefined && c.length > 0) {
        ct = this.getControlType(c);
      } else {
        c = Xrm.Portal.Utility.Selector.getByDataName(id);
        ct = this.getUiControlType(c);
      }

      switch (ct) {
        case this.controlType.DatetimePicker:
          v = new Xrm.Portal.Control.DatetimePicker(c);
          break;
        case this.controlType.Radio:
          v = new Xrm.Portal.Control.Radio(c);
          break;
        case this.controlType.Checkbox:
          v = new Xrm.Portal.Control.Checkbox(c);
          break;
        case this.controlType.Lookup:
          v = new Xrm.Portal.Control.Lookup(c);
          break;
        case this.controlType.Tab:
          v = new Xrm.Portal.Control.Tab(c);
          break;
        case this.controlType.Section:
          v = new Xrm.Portal.Control.Section(c);
          break;
        default:
          v = new Xrm.Portal.Control.Generic(c);
          break;
      }
      return v;
    },
    getUiControlType: function(c) {
      console.log("getUiControlType: -> c: " + c);
      if (c.length > 0) {
        if (c.attr("class").startsWith("tab")) {
          return this.controlType.Tab;
        } else if (c.attr("class").startsWith("section")) {
          return this.controlType.Section;
        }
      }
    },
    getControlType: function(c) {
      console.log("getControlType -> c: " + c);
      if (c.length > 0) {
        if (c.attr("data-ui") == "datetimepicker") {
          return this.controlType.DatetimePicker;
        } else if (c.attr("type") == "checkbox") {
          return this.controlType.Checkbox;
        } else if (c.attr("type") == "hidden") {
          return this.controlType.Lookup;
        } else if (c.attr("class") != null && (c.attr("class").startsWith("boolean-radio") || c.attr("class").startsWith("picklist horizontal") || c.attr("class").startsWith("picklist vertical"))) {
          return this.controlType.Radio;
        } else {
          return this.controlType.Control;
        }
      }
    },
    controlType: {
      Control: 1,
      Lookup: 2,
      DatetimePicker: 3,
      Radio: 4,
      Checkbox: 5,
      Tab: 100,
      Section: 101
    }
  },
  Control: {
    Tab: function(c) {
      this.s = Xrm.Portal.Utility.Selector;
      this.id = $(c).prop("id");

      this.c = c;

      this.getValue = function() {
        throw "not implemented";
      };
      this.setValue = function(value) {
        throw "not implemented";
      };
      this.setVisible = function(isVisible, isMandatory) {
        var g = this.c;
        //this.setRequired(isVisible && isMandatory);
        isVisible ? g.parent().show() : g.parent().hide();
      };
      this.setDisable = function(isDisabled) {
        throw "not implemented";
      };
      this.setRequired = function(isRequired, customFunction, customMessage) {
        throw "not implemented";
        c.children().each(function () {
            Xrm.Portal.Form.get(this.id).setRequired(isRequired, customFunction, customMessage);
        });
      };
    },
    Section: function(c) {
      this.s = Xrm.Portal.Utility.Selector;
      this.id = $(c).prop("id");

      this.c = c;

      this.getValue = function() {
        throw "not implemented";
      };
      this.setValue = function(value) {
        throw "not implemented";
      };
      this.setVisible = function(isVisible, isMandatory) {
        var g = this.c;
        //this.setRequired(isVisible && isMandatory);
        isVisible ? g.parent().show() : g.parent().hide();
      };
      this.setDisable = function(isDisabled) {
        throw "not implemented";
      };
      this.setRequired = function(isRequired, customFunction, customMessage) {
        throw "not implemented";
        c.children().each(function () {
            Xrm.Portal.Form.get(this.id).setRequired(isRequired, customFunction, customMessage);
        });
      };
    },
    Generic: function(c) {
      this.s = Xrm.Portal.Utility.Selector;
      this.id = $(c).prop("id");

      this.c = c;

      this.getValue = function() {
        return this.c.val();
      };
      this.setValue = function(value) {
        this.c.val(value);
      };
      this.setVisible = function(isVisible, isMandatory) {
        var g = this.c.parent().parent();
        this.setRequired(isMandatory);
        isVisible ? g.show() : g.hide();
      };
      this.setDisable = function(isDisabled) {
        this.c.prop('disabled', isDisabled);
      };
      this.setRequired = function(isRequired, customFunction, customMessage) {
        var g = c.parent().siblings(".info");
        isRequired ?
          Xrm.Portal.Utility.Validation.setValidation(g, this, customFunction, customMessage) :
          Xrm.Portal.Utility.Validation.removeValidation(g, this);
      };
      this.attachOnChange = function(callback) {
        Xrm.Portal.Utility.Event.attachOnChange(this.c, callback);
      };
      this.removeOnChange = function() {
        Xrm.Portal.Utility.Event.removeOnChange(this.c);
      };
    },
    Lookup: function(c) {
      this.s = Xrm.Portal.Utility.Selector;
      this.id = $(c).prop("id");

      this.cL = c;
      this.cN = this.s.getLookupName(this.id);
      this.cE = this.s.getLookupEntity(this.id);

      this.getValue = function() {
        return {
          "id": this.cL.val(),
          "name": this.cN.val(),
          "logicalname": this.cE.val()
        };
      };
      this.setValue = function(value, name, logicalName) {
        if (value != null && value.hasOwnProperty('id') && value.hasOwnProperty('name') && value.hasOwnProperty('logicalname')) {
          this.cL.val(value.id);
          this.cN.val(value.name);
          this.cE.val(value.logicalname);
        } else {
          this.cL.val(value);
          this.cN.val(name);
          this.cE.val(logicalName);
        }
      };
      this.setVisible = function(isVisible, isMandatory) {
        this.setRequired(isMandatory);
        var g = this.cL.parent().parent().parent();
        isVisible ? g.show() : g.hide();
      };
      this.setDisable = function(isDisabled) {
        this.cN.prop('disabled', isDisabled);
        this.cN.siblings('div.input-group-btn').toggle(!isDisabled);
      };
      this.setRequired = function(isRequired, customFunction, customMessage) {
        var g = this.cL.parent().parent().siblings(".info");
        isRequired ?
          Xrm.Portal.Utility.Validation.setValidation(g, this, customFunction, customMessage) :
          Xrm.Portal.Utility.Validation.removeValidation(g, this);
      };
      this.attachOnChange = function(callback) {
        Xrm.Portal.Utility.Event.attachOnChange(this.cL, callback);
      };
      this.removeOnChange = function() {
        Xrm.Portal.Utility.Event.removeOnChange(this.cL);
      };
    },
    Checkbox: function(c) {
      this.s = Xrm.Portal.Utility.Selector;
      this.id = $(c).prop("id");

      this.c = c;

      this.getValue = function() {
        return this.c.prop("checked");
      };
      this.setValue = function(value) {
        this.c.prop("checked", value);
      };
      this.setVisible = function(isVisible, isMandatory) {
        var g = this.c.parent().parent().parent();
        this.setRequired(isMandatory);
        isVisible ? g.show() : g.hide();
      };
      this.setDisable = function(isDisabled) {
        this.c.prop('disabled', isDisabled);
      };
      this.setRequired = function(isRequired, customFunction, customMessage) {
        var g = c.parent().parent().siblings(".info");
        isRequired ?
          Xrm.Portal.Utility.Validation.setValidation(g, this, customFunction, customMessage) :
          Xrm.Portal.Utility.Validation.removeValidation(g, this);
      };
      this.attachOnChange = function(callback) {
        Xrm.Portal.Utility.Event.attachOnChange(this.c, callback);
      };
      this.removeOnChange = function() {
        Xrm.Portal.Utility.Event.removeOnChange(this.c);
      };
    },
    Radio: function(c) {
      this.s = Xrm.Portal.Utility.Selector;
      this.id = $(c).prop("id");

      this.c = c;

      this.getValue = function() {
        return this.c.children(":checked").val();
      };
      this.setValue = function(value) {
        this.c.children(this.s.appendSelector() + "_" + (+value)).attr("checked", true);
      };
      this.setVisible = function(isVisible, isMandatory) {
        var g = this.c.parent().parent();
        this.setRequired(isMandatory);
        isVisible ? g.show() : g.hide();
      };
      this.setDisable = function(isDisabled) {
        this.c.children().prop("disabled", isDisabled);
      };
      this.setRequired = function(isRequired, customFunction, customMessage) {
        var g = c.parent().siblings(".info");
        isRequired ?
          Xrm.Portal.Utility.Validation.setValidation(g, this, customFunction, customMessage) :
          Xrm.Portal.Utility.Validation.removeValidation(g, this);
      };
      this.attachOnChange = function(callback) {
        Xrm.Portal.Utility.Event.attachOnChange(this.c, callback);
      };
      this.removeOnChange = function() {
        Xrm.Portal.Utility.Event.removeOnChange(this.c);
      };
    },
    DatetimePicker: function(c) {
      this.s = Xrm.Portal.Utility.Selector;
      this.id = $(c).prop("id");

      this.c = c;

      this.getValue = function() {
        return this.c.val();
      };
      this.setValue = function(value) {
        this.c.val(value);
      };
      this.setVisible = function(isVisible, isMandatory) {
        var g = this.c.parent().parent();
        this.setRequired(isMandatory);
        isVisible ? g.show() : g.hide();
      };
      this.setDisable = function(isDisabled) {
        this.s.getTextLabel(this.id).prop('disabled', isDisabled);
      };
      this.setRequired = function(isRequired, customFunction, customMessage) {
        var g = c.parent().siblings(".info");
        isRequired ?
          Xrm.Portal.Utility.Validation.setValidation(g, this, customFunction, customMessage) :
          Xrm.Portal.Utility.Validation.removeValidation(g, this);
      };
      this.attachOnChange = function(callback) {
        Xrm.Portal.Utility.Event.attachOnChange(this.c, callback);
      };
      this.removeOnChange = function() {
        Xrm.Portal.Utility.Event.removeOnChange(this.c);
      };
    },
  },
  EventType: {
    OnChange: 1,
    OnClick: 2
  }
};