datefield.coffee

define ["./dom", "./events", "./messages", "./ajax", "underscore", "./datepicker", "./fields"],
  (dom, events, messages, ajax, _, DatePicker) ->

    serverFirstDay = parseInt messages "date-symbols.first-day"
    datePickerFirstDay = if serverFirstDay is 0 then 6 else serverFirstDay - 1

    days = (messages "date-symbols.days").split ","

    days.push days.shift()

    monthsLabels = (messages "date-symbols.months").split ","
    abbreviateWeekDay = (name) -> name.substr(0, 1).toLowerCase()
    locale = (document.documentElement.getAttribute("data-locale")) || "en"
    if (locale.indexOf 'zh') is 0

      abbreviateWeekDay = (name) -> name.substr(name.length-1)
    daysLabels = (abbreviateWeekDay name for name in days)
    todayLabel = messages "core-datefield-today"
    noneLabel = messages "core-datefield-none"

    activePopup = null


    isPartOfPopup = (element) ->
      element.findParent(".labelPopup")? or element.findParent(".datefield-popup")?

    dom.body.on "click", ->
      if activePopup and not isPartOfPopup @
        activePopup.hide()
        activePopup = null
      return


    class Controller
      constructor: (@container) ->
        @field = @container.findFirst 'input:not([name="t:formdata"])'
        @trigger = @container.findFirst "button"

        @trigger.on "click", =>
          @doTogglePopup()
          false

      showPopup: ->
        if activePopup and activePopup isnt @popup
          activePopup.hide()

        @popup.show()
        activePopup = @popup

      hidePopup: ->
        @popup.hide()
        activePopup = null

      doTogglePopup: ->
        return if @field.element.disabled

        unless @popup
          @createPopup()
          activePopup?.hide()
        else if @popup.visible()
          @hidePopup()
          return

        value = @field.value()

        if value is ""
          @datePicker.setDate null
          @showPopup()
          return

        @field.addClass "ajax-wait"

        ajax (@container.attr "data-parse-url"),
          data:
            input: value
          onerror: (message) =>
            @field.removeClass "ajax-wait"
            @fieldError message

            @showPopup()
            return

          success: (response) =>
            @field.removeClass "ajax-wait"
            reply = response.json

            if reply.result
              @clearFieldError()
              [year, month, day] = reply.result.split '-'

              date = new Date year, month-1, day
              @datePicker.setDate date

            if reply.error
              @fieldError (_.escape reply.error)

              @datePicker.setDate null

            @showPopup()
            return

      fieldError: (message) ->
        @field.focus().trigger events.field.showValidationError, { message }

      clearFieldError: ->
        @field.trigger events.field.clearValidationError

      createPopup: ->
        @datePicker = new DatePicker()
        @datePicker.setFirstWeekDay datePickerFirstDay
        
        @datePicker.setLocalizations monthsLabels, daysLabels, todayLabel, noneLabel
        
        @popup = dom.create("div", { class: "datefield-popup well"}).append @datePicker.create()
        @container.insertAfter @popup

        @datePicker.onselect = _.bind @onSelect, this

      onSelect: ->
        date = @datePicker.getDate()

        if date is null
          @hidePopup()
          @clearFieldError()
          @field.value ""
          return

        @field.addClass "ajax-wait"

        normalizedFormat = "#{date.getFullYear()}-#{date.getMonth()+1}-#{date.getDate()}"
        ajax (@container.attr "data-format-url"),
          data:
            input: normalizedFormat
          failure: (response, message) =>
            @field.removeClass "ajax-wait"
            @fieldError message
          success: (response) =>
            @field.removeClass "ajax-wait"
            @clearFieldError()
            @field.value response.json.result
            @hidePopup()

    dom.scanner "[data-component-type='core/DateField']", (container) ->

      container.attr "data-component-type", null

      new Controller(container)

    return null