import Select from './select'
import states from '../data/states'

import html from '../../templates/controls/state-select'

export default class StateSelect extends Select
  tag: 'state-select'
  html: html
  options: ->
    return states.data
  countryField: 'order.shippingAddress.country'

  init: ()->
    super

    @on 'update', ()=>
      if !@input?
        return

      state = @input.ref.get 'order.shippingAddress.state'
      if state
        state = state.toLowerCase()
        if state.length == 2
          @input.ref.set 'order.shippingAddress.state', state
        else
          for k, v of states.data
            if v.toLowerCase() == state
              @input.ref.set 'order.shippingAddress.state', k
              return

  onUpdated: ()->
    if !@input?
      return

    if @input.ref.get(@countryField) == 'us'
      $(@root).find('.selectize-control').show()
    else
      $(@root).find('.selectize-control').hide()
      value = @input.ref.get(@input.name)
      @input.ref.set(@input.name, value.toUpperCase()) if value
    super

StateSelect.register()