import moment from 'moment'
import VueCookies from 'vue-cookies'

export default {

  data: () => ({
    formatPHPtoMomentMap: {
      d: 'DD',
      D: 'ddd',
      j: 'D',
      l: 'dddd',
      N: 'E',
      w: 'd',
      W: 'W',
      F: 'MMMM',
      m: 'MM',
      M: 'MMM',
      n: 'M',
      o: 'GGGG',
      Y: 'YYYY',
      y: 'YY',
      a: 'a',
      A: 'A',
      g: 'h',
      G: 'H',
      h: 'hh',
      H: 'HH',
      i: 'mm',
      s: 'ss',
      O: 'ZZ',
      P: 'Z',
      c: 'YYYY-MM-DD[T]HH:mm:ssZ',
      r: 'ddd, DD MMM YYYY HH:mm:ss ZZ',
      U: 'X',
      T: '',
      S: 'o'
    },

    formatPHPtoDatePickerMap: {
      d: 'dd',
      j: 'd',
      M: 'MMM',
      F: 'MMMM',
      m: 'MM',
      n: 'M',
      y: 'yy',
      Y: 'yyyy',
      g: 'HH',
      H: 'HH',
      i: 'mm',
      a: 'A',
      A: 'A',
      s: 'ss'
    },

    formatEx: /[dDjlNwWFmMntoYyaAgGhHisOPcrUTS]/g
  }),

  methods: {
    reformatArabicNumbers () {
      let symbolMap = {
        '1': '1',
        '2': '2',
        '3': '3',
        '4': '4',
        '5': '5',
        '6': '6',
        '7': '7',
        '8': '8',
        '9': '9',
        '0': '0'
      }

      let numberMap = {
        '١': '1',
        '٢': '2',
        '٣': '3',
        '٤': '4',
        '٥': '5',
        '٦': '6',
        '٧': '7',
        '٨': '8',
        '٩': '9',
        '٠': '0'
      }

      moment.updateLocale('ar', {
        preparse: function (string) {
          return string.replace(/\u200f/g, '').replace(/[١٢٣٤٥٦٧٨٩٠]/g, function (match) {
            return numberMap[match]
          }).replace(/،/g, ',')
        },
        postformat: function (string) {
          return string.replace(/\d/g, function (match) {
            return symbolMap[match]
          }).replace(/,/g, '،')
        }
      })
    },

    reformatFarsiNumbers () {
      let symbolMap = {
        '1': '1',
        '2': '2',
        '3': '3',
        '4': '4',
        '5': '5',
        '6': '6',
        '7': '7',
        '8': '8',
        '9': '9',
        '0': '0'
      }

      let numberMap = {
        '۱': '1',
        '۲': '2',
        '۳': '3',
        '۴': '4',
        '۵': '5',
        '۶': '6',
        '۷': '7',
        '۸': '8',
        '۹': '9',
        '٠': '0'
      }

      moment.updateLocale('fa', {
        preparse: function (string) {
          return string.replace(/\u200f/g, '').replace(/[۱۲۳۴۵۶۷۸۹٠]/g, function (match) {
            return numberMap[match]
          }).replace(/،/g, ',')
        },
        postformat: function (string) {
          return string.replace(/\d/g, function (match) {
            return symbolMap[match]
          }).replace(/,/g, '،')
        }
      })
    },

    getNowDate () {
      return moment().toDate()
    },

    getDateTime (datetime) {
      return moment(datetime, 'YYYY-MM-DD HH:mm:ss').toDate()
    },

    getDate (date) {
      return moment(date, 'YYYY-MM-DD').toDate()
    },

    getDatabaseFormattedDate (date) {
      return moment(date, 'YYYY-MM-DD').format('YYYY-MM-DD')
    },

    getFrontedFormattedDate (date) {
      // Fix for Portugese "j \d\e F, Y" format
      if (this.$root.settings.wordpress.dateFormat === 'j \\d\\e F, Y') {
        let result = ''

        moment(date, 'YYYY-MM-DD').format(this.momentDateFormat).split(' ').forEach(function (value, index) {
          if (index === 1) {
            value = value.charAt(0).toUpperCase() + value.slice(1)
          }

          result = result + value + ' '

          if (index === 0) {
            result += 'de '
          }
        })

        return result
      }

      // Fix for Espanol "j \d\e F \d\e Y" format
      if (this.$root.settings.wordpress.dateFormat === 'j \\d\\e F \\d\\e Y') {
        let result = ''
        // Fix for Catalan
        let momentFormat = moment(date, 'YYYY-MM-DD').format(this.momentDateFormat)
        if (momentFormat.includes(' de ')) {
          momentFormat = momentFormat.replace('de ', '')
        }
        momentFormat.split(' ').forEach(function (value, index) {
          if (index === 1 || index === 3) {
            value = value.charAt(0).toUpperCase() + value.slice(1)
          }

          result = result + value + ' '

          if (index === 0 || index === 1) {
            result += 'de '
          }
        })

        return result
      }

      return moment(date, 'YYYY-MM-DD').format(this.momentDateFormat)
    },

    getEventFrontedFormattedDate (date) {
      return moment(date, 'YYYY-MM-DD').format('MMM DD')
    },

    getDateString (date) {
      return moment(date).format('YYYY-MM-DD')
    },

    getTimeString (date) {
      return moment(date).format('HH:mm')
    },

    getFrontedFormattedDateTime (datetime) {
      return moment(datetime, 'YYYY-MM-DD HH:mm:ss').format(
        this.momentDateFormat + ' ' + this.momentTimeFormat
      )
    },

    getFrontedFormattedTime (time) {
      return moment(time, 'HH:mm:ss').format(this.momentTimeFormat)
    },

    getFrontedFormattedDateFromDateTimeString (datetime) {
      return moment(datetime, 'YYYY-MM-DD HH:mm:ss').format(this.momentDateFormat)
    },

    getFrontedFormattedTimeFromDateTimeString (datetime) {
      return moment(datetime, 'YYYY-MM-DD HH:mm:ss').format(this.momentTimeFormat)
    },

    getDatePickerFirstDayOfWeek () {
      // Sunday index on WordPress is 0 and in DatePicker is 1
      return this.$root.settings.wordpress.startOfWeek + 1
    },

    getWordPressFirstDayOfWeek () {
      return this.$root.settings.wordpress.startOfWeek
    },

    getTimeSlotLength () {
      return this.$root.settings.general.timeSlotLength
    },

    getDatePickerInitRange () {
      let ameliaRangePast = VueCookies.get('ameliaRangePast')
      let ameliaRangeFuture = VueCookies.get('ameliaRangeFuture')

      if (ameliaRangePast !== null && ameliaRangeFuture !== null) {
        return {
          start: moment().subtract(ameliaRangePast, 'days').toDate(),
          end: moment().add(ameliaRangeFuture, 'days').toDate()
        }
      }

      return {
        start: moment().toDate(),
        end: moment().add(6, 'days').toDate()
      }
    },

    setDatePickerSelectedDaysCount (start, end) {
      let currentDate = moment().format('YYYY-MM-DD')

      VueCookies.set('ameliaRangePast', moment(currentDate, 'YYYY-MM-DD').diff(moment(start, 'YYYY-MM-DD'), 'days'))
      VueCookies.set('ameliaRangeFuture', moment(end, 'YYYY-MM-DD').diff(moment(currentDate, 'YYYY-MM-DD'), 'days'))
    },

    getDatePickerNegativeInitRange () {
      return {
        start: moment().subtract(6, 'days').toDate(),
        end: moment().toDate()
      }
    },

    getFrontedFormattedTimeIncreased (time, seconds) {
      return moment(time, 'HH:mm:ss').add(seconds, 'seconds').format(this.momentTimeFormat)
    },

    getTime (datetime) {
      return moment(datetime, 'YYYY-MM-DD HH:mm:ss').format('HH:mm:ss')
    },

    getClientUtcOffset (dateTimeString) {
      return dateTimeString ? moment(dateTimeString, 'YYYY-MM-DD HH:mm:ss').utcOffset() : moment().utcOffset()
    },

    getStringFromDate (date) {
      let year = date.getFullYear()
      let month = ('0'.concat(date.getMonth() + 1)).slice(-2)
      let day = ('0'.concat(date.getDate())).slice(-2)

      return year + '-' + month + '-' + day
    },

    getMinutesToDays (minutes) {
      let d = Math.floor(minutes / 1440)
      let h = Math.floor((minutes - (d * 1440)) / 60)
      let m = Math.round(minutes % 60)

      return (d > 0 ? d + 'd ' : '') + (h > 0 ? h + 'h ' : '') + (m > 0 ? m + 'm ' : '')
    },

    useSortedDateStrings (dates) {
      return dates.sort((a,b) =>  new Date(a) - new Date(b))
    },

    getConvertedUtcToLocalDateTime (period) {
      let utcOffset = moment(period, 'YYYY-MM-DD HH:mm:ss').toDate().getTimezoneOffset()

      if (utcOffset > 0) {
        return moment.utc(period, 'YYYY-MM-DD HH:mm:ss').subtract(utcOffset, 'minutes').format('YYYY-MM-DD HH:mm:ss')
      } else {
        return moment.utc(period, 'YYYY-MM-DD HH:mm:ss').add(-1 * utcOffset, 'minutes').format('YYYY-MM-DD HH:mm:ss')
      }
    },

    getConvertedTimeSlots (dateSlots) {
      let formattedSlots = {}

      for (let date in dateSlots) {
        for (let time in dateSlots[date]) {
          let clientDateAndTime = moment.utc(date + ' ' + time, 'YYYY-MM-DD HH:mm').local().format('YYYY-MM-DD HH:mm').split(' ')

          if (!(clientDateAndTime[0] in formattedSlots)) {
            formattedSlots[clientDateAndTime[0]] = {}
          }

          formattedSlots[clientDateAndTime[0]][clientDateAndTime[1]] = dateSlots[date][time]
        }
      }

      return formattedSlots
    },

    couponExpired (expirationDate) {
      let currentDate = moment().format('YYYY-MM-DD')
      return expirationDate < currentDate
    }
  },

  computed: {
    momentTimeFormat () {
      let that = this

      // Fix for French "G \h i \m\i\n" and "G\hi" format
      if (this.$root.settings.wordpress.timeFormat === 'G \\h i \\m\\i\\n' || this.$root.settings.wordpress.timeFormat === 'G\\hi') {
        return 'HH:mm'
      }

      return this.$root.settings.wordpress.timeFormat.replace(this.formatEx, function (phpStr) {
        return that.formatPHPtoMomentMap[phpStr]
      })
    },

    momentDateFormat () {
      let that = this

      // Fix for Portugese "j \d\e F, Y" format
      if (this.$root.settings.wordpress.dateFormat === 'j \\d\\e F, Y') {
        return 'D MMMM, YYYY'
      }

      // Fix for Espanol "j \d\e F \d\e Y" format
      if (this.$root.settings.wordpress.dateFormat === 'j \\d\\e F \\d\\e Y') {
        return 'D MMMM YYYY'
      }

      return this.$root.settings.wordpress.dateFormat.replace(this.formatEx, function (phpStr) {
        return that.formatPHPtoMomentMap[phpStr]
      })
    },

    vCalendarFormats () {
      if (window.localeLanguage[0] === 'ar') {
        return {
          input: [this.momentDateFormat, 'YYYY-MM-DD', 'YYYY/MM/DD'],
          weekdays: 'WWWW'
        }
      }

      return {
        input: [this.momentDateFormat, 'YYYY-MM-DD', 'YYYY/MM/DD']
      }
    },

    timePickerFormat () {
      return 'HH:mm'
    }
  }
}