// Placeholder start date used in InfluxDB getting started docs
const defaultStartDate = "2022-01-01"

// Return yyyy-mm-dd formatted string from a Date object
function formatDate(dateObj) {
  return dateObj.toISOString().replace(/T.*$/, '')
}

// Return yesterday's date
function yesterday() {  
  const yesterday = new Date()
  yesterday.setDate(yesterday.getDate() - 1)

  return formatDate(yesterday)
}

// Split a date string into year, month, and day
function datePart(date) {
  datePartRegex = /(\d{4})-(\d{2})-(\d{2})/
  year = date.replace(datePartRegex, "$1")
  month = date.replace(datePartRegex, "$2")
  day = date.replace(datePartRegex, "$3")

  return {year: year, month: month, day: day}
}

////////////////////////// SESSION / COOKIE MANAGMENT //////////////////////////

cookieID = 'influxdb_get_started_date'

function setStartDate(setDate) {
  Cookies.set(cookieID, setDate)
}

function getStartDate() {
  return Cookies.get(cookieID)
}

function removeStartDate() {
  Cookies.remove(cookieID)
}

////////////////////////////////////////////////////////////////////////////////

// If the user has not set the startDate cookie, default the startDate to yesterday
var startDate = (getStartDate() != undefined) ? getStartDate() : yesterday()

// Convert a time value to a Unix timestamp (seconds)
function timeToUnixSeconds(time) {
    unixSeconds = new Date(time).getTime() / 1000
    
    return unixSeconds
}

// Default time values in getting started sample data
let times = [
    {"rfc3339": `${defaultStartDate}T08:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T08:00:00Z`)}, // 1641024000
    {"rfc3339": `${defaultStartDate}T09:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T09:00:00Z`)}, // 1641027600
    {"rfc3339": `${defaultStartDate}T10:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T10:00:00Z`)}, // 1641031200
    {"rfc3339": `${defaultStartDate}T11:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T11:00:00Z`)}, // 1641034800
    {"rfc3339": `${defaultStartDate}T12:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T12:00:00Z`)}, // 1641038400
    {"rfc3339": `${defaultStartDate}T13:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T13:00:00Z`)}, // 1641042000
    {"rfc3339": `${defaultStartDate}T14:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T14:00:00Z`)}, // 1641045600
    {"rfc3339": `${defaultStartDate}T15:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T15:00:00Z`)}, // 1641049200
    {"rfc3339": `${defaultStartDate}T16:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T16:00:00Z`)}, // 1641052800
    {"rfc3339": `${defaultStartDate}T17:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T17:00:00Z`)}, // 1641056400
    {"rfc3339": `${defaultStartDate}T18:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T18:00:00Z`)}, // 1641060000
    {"rfc3339": `${defaultStartDate}T19:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T19:00:00Z`)}, // 1641063600
    {"rfc3339": `${defaultStartDate}T20:00:00Z`, "unix": timeToUnixSeconds(`${defaultStartDate}T20:00:00Z`)}  // 1641067200
]

function updateTimestamps(newStartDate) {
    // Update the times array with replacement times
    times = times.map(x => {
        var newStartTimestamp = x.rfc3339.replace(/^.*T/, newStartDate + "T")

        return {
            "rfc3339": x.rfc3339,
            "unix": x.unix,
            "rfc3339_new": newStartTimestamp,
            "unix_new": timeToUnixSeconds(newStartTimestamp)
        }
    })

    var updateBlockElWhitelist = [
      '.get-started-timestamps pre',
      '.get-started-timestamps li',
      '.get-started-timestamps p',
      '.get-started-timestamps table'
    ]

    $(updateBlockElWhitelist.join()).each(function() {
        var wrapper = $(this)[0]

        console.log(wrapper)

        times.forEach(function(x) {
            oldDatePart = datePart(x.rfc3339.replace(/T.*$/, ""))
            newDatePart = datePart(x.rfc3339_new.replace(/T.*$/, ""))
            rfc3339Regex = new RegExp(`${oldDatePart.year}(.*)${oldDatePart.month}(.*)${oldDatePart.day}`, 'g')
            rfc3339Repl = `${newDatePart.year}$1${newDatePart.month}$2${newDatePart.day}`

            wrapper.innerHTML =
                wrapper.innerHTML
                    .replaceAll(x.unix, x.unix_new)
                    .replaceAll(rfc3339Regex, rfc3339Repl)
        })
    })

    $('span.get-started-timestamps').each(function() {
      var wrapper = $(this)[0]

      console.log(wrapper)

      times.forEach(function(x) {
          oldDatePart = datePart(x.rfc3339.replace(/T.*$/, ""))
          newDatePart = datePart(x.rfc3339_new.replace(/T.*$/, ""))
          rfc3339Regex = new RegExp(`${oldDatePart.year}-${oldDatePart.month}-${oldDatePart.day}`, 'g')
          rfc3339Repl = `${newDatePart.year}-${newDatePart.month}-${newDatePart.day}`

          wrapper.innerHTML =
              wrapper.innerHTML
                  .replaceAll(x.unix, x.unix_new)
                  .replaceAll(rfc3339Regex, rfc3339Repl)
      })
  })

    // Create a new seed times array with new start time for next change
    times = times.map(x => {
      var newStartTimestamp = x.rfc3339.replace(/^.*T/, newStartDate + "T")

      return {
          "rfc3339": newStartTimestamp,
          "unix": timeToUnixSeconds(newStartTimestamp)
      }
  })
    
}

/////////////////////// MODAL INTERACTIONS / DATE PICKER ///////////////////////

// Date picker form element
var datePickerEl = $('#custom-date-selector')

// Initialize the date picker with the current startDate
const elem = datePickerEl[0];
const datepicker = new Datepicker(elem, {
  defaultViewDate: startDate,
  format: 'yyyy-mm-dd',
  nextArrow: '>',
  prevArrow: '<',
}); 

//////////////////////////////////// ACTIONS ///////////////////////////////////

// Initial update to yesterdays date ON PAGE LOAD
// Conditionally set the start date cookie it startDate is equal to the default value
updateTimestamps(startDate);
if (startDate === yesterday()) {
    setStartDate(startDate);
}

// Sumbit new date
$('#submit-custom-date').click(function() {
    let newDate = datepicker.getDate()

    if (newDate != undefined) {
      newDate = formatDate(newDate)

      updateTimestamps(newDate);
      setStartDate(newDate)
      toggleModal('#influxdb-gs-date-select')

    } else {
      toggleModal('#influxdb-gs-date-select')
    }
    
})