///////////////////////////////////////////////////////////////////////////
// Copyright © 2014 - 2018 Esri. All Rights Reserved.
//
// Licensed under the Apache License Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//    http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
///////////////////////////////////////////////////////////////////////////

define([
  'dojo/aspect',
  'dojo/Evented',
  'dojo/on',
  'dojo/_base/html',
  'dojo/_base/lang',
  'dojo/_base/array',
  'dojo/_base/declare',
  'dijit/_WidgetBase',
  'dijit/_TemplatedMixin',
  'dijit/_WidgetsInTemplateMixin',
  'dojo/text!./DateValueSelector.html',
  'jimu/filterUtils',
  'jimu/utils',
  'dijit/form/Select',
  'dijit/form/DateTextBox'
],
  function(aspect, Evented, on, html, lang, array, declare, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin,
    template, filterUtils, jimuUtils) {

    return declare([_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, Evented], {

      templateString: template,

      //options:
      virtualDates: null,//['today', 'yesterday', 'tomorrow']

      //events:
      //change

      postMixInProperties: function(){
        this.inherited(arguments);
        this.nls = window.jimuNls.filterBuilder;
      },

      postCreate: function(){
        this.inherited(arguments);
        html.addClass(this.domNode, 'jimu-date-value-selector');
        if(!(this.virtualDates && this.virtualDates.length > 0)){
          this.virtualDates =
            [filterUtils.VIRTUAL_DATE_TODAY, filterUtils.VIRTUAL_DATE_YESTERDAY, filterUtils.VIRTUAL_DATE_TOMORROW];
        }
        this.dateTypeSelect.addOption({
          value: '',
          label: ' '
        });
        this.dateTypeSelect.addOption({
          value: 'custom',
          label: this.nls.custom
        });
        array.map(this.virtualDates, lang.hitch(this, function(virtualDate){
          var option = {
            value: virtualDate,
            label: virtualDate
          };
          switch(virtualDate){
            case filterUtils.VIRTUAL_DATE_TODAY:
              option.label = this.nls.today;
              break;
            case filterUtils.VIRTUAL_DATE_YESTERDAY:
              option.label = this.nls.yesterday;
              break;
            case filterUtils.VIRTUAL_DATE_TOMORROW:
              option.label = this.nls.tomorrow;
              break;
            default:
              break;
          }
          this.dateTypeSelect.addOption(option);
        }));

        this._showDateTypeSelect();

        this.own(on(html.byId('main-page'), 'click', lang.hitch(this, function(){
          if(this.dateTextBox){
            this.dateTextBox.closeDropDown();
          }
        })));

        this.own(aspect.before(this.dateTypeSelect, 'openDropDown', lang.hitch(this, function(){
          if(this.dateTypeSelect.getValue() === 'custom' && this.dateTextBox.getValue()){
            this.dateTypeSelect.textDirNode.innerText = this._formatDate(this.dateTextBox.getValue());
          }
        })));

        this.own(aspect.after(this.dateTypeSelect, 'closeDropDown', lang.hitch(this, function(){
          if(this.dateTypeSelect.getValue() === 'custom' && this.dateTextBox.getValue()){
            this.dateTypeSelect.textDirNode.innerText = this._formatDate(this.dateTextBox.getValue());
          }
        })));

        this.own(aspect.after(this.dateTypeSelect.dropDown, 'onItemClick', lang.hitch(this, function(item, evt){
          if(item && item.option.value === 'custom'){
            this._showDateTextBox();
          }
        }), true));

        if(this.popupInfo && this.popupInfo.fieldInfos){
          this.fieldInfo = this.popupInfo.fieldInfos.filter(lang.hitch(this, function(f){
            return f.fieldName === this._fieldInfo.name;
          }))[0];
        }
      },

      getDijits: function(){
        // return [this._dijit1, this._dijit2];
        return [];
      },

      //valueObj: {value,virtualDate}
      setValueObject: function(valueObj){
        //valueObj.value: string
        //virtualDate: today,yesterday,...

        if(!valueObj.virtualDate || valueObj.virtualDate === 'custom'){
          //custom date
          this.dateTypeSelect.set('value', 'custom', false);
          if(valueObj.value){
            this.dateTextBox.set('value', new Date(valueObj.value), false);

            this.dateTypeSelect.textDirNode.innerText = this._formatDate(new Date(valueObj.value));
          }
        }else{
          //virtual date
          this.dateTypeSelect.set('value', valueObj.virtualDate, false);
        }
      },

      //return {value,virtualDate}
      getValueObject: function(){
        if(!this.isValidValue()){
          return null;
        }

        return this.tryGetValueObject();
      },

      //return {value,virtualDate}
      tryGetValueObject: function(){
        if(this.isInvalidValue()){
          return null;
        }

        var result = {
          "value": null,//date.toDateString()
          "virtualDate": ''//today,yesterday,...
        };

        var virtualDate = this.dateTypeSelect.get('value');
        var date = null;

        if(virtualDate === 'custom'){
          date = this.dateTextBox.get('value');
          if(date){
            result.value = date.toDateString();
          }else{
            result.value = null;
          }
          result.virtualDate = '';
        }else{
          date = filterUtils.getRealDateByVirtualDate(virtualDate);
          result.virtualDate = virtualDate;
          if(date){
            result.value = date.toDateString();
          }else{
            result = null;
          }
        }

        return result;
      },

      setRequired: function(required){
        this.dateTextBox.set("required", required);
      },

      //-1 means invalid value type
      //0 means empty value, this ValueProvider should be ignored
      //1 means valid value
      getStatus: function(){
        if(this.dateTypeSelect.get('value') === 'custom'){
          return this._getStatusForDijit(this.dateTextBox);
        }else if(this.dateTypeSelect.get('value') === ''){
          return 0;
        }else{
          return 1;
        }
      },

      //return -1 means input a wrong value
      //return 0 means empty value
      //return 1 means valid value
      _getStatusForDijit: function(dijit){
        if(dijit.validate()){
          if(dijit.get("DisplayedValue")){
            return 1;
          }else{
            return 0;
          }
        }else{
          return -1;
        }
      },

      isInvalidValue: function(){
        return this.getStatus() < 0;
      },

      isEmptyValue: function(){
        return this.getStatus() === 0;
      },

      isValidValue: function(){
        return this.getStatus() > 0;
      },

      _showDateTypeSelect: function(){
        this.dateTextBox.closeDropDown();
      },

      _showDateTextBox: function(){
        this.dateTextBox.openDropDown();
        this.dateTextBoxClickBinded = true;
      },

      _onDateTypeSelectChanged: function(){
        var value = this.dateTypeSelect.get('value');
        if(value === 'custom'){
          this._showDateTextBox();
        }
        this.emit('change');
      },

      _onDateTextBoxChanged: function(val){
        // this.dateTypeSelect.removeOption('custom');
        // this.dateTypeSelect.addOption({
        //   value: 'custom',
        //   label: val.toDateString()
        // });
        // this.dateTypeSelect.set('value', 'custom', false);
        this.dateTypeSelect.textDirNode.innerText = this._formatDate(val);
        this.emit('change');
      },

      _formatDate: function(val){
        if(!this.fieldInfo){
          return val.toDateString();
        }
        return jimuUtils.localizeDateByFieldInfo(val, this.fieldInfo);
      }

    });
  });