import dayjs from 'dayjs'

export function attributesFromEvents(_events) {
  // merge events with same date
  let attributes = []
  const now = dayjs().unix()
  for (let e of _events) {
    const key = dayjs.unix(e.start_datetime).tz().format('MMDD') // Math.floor(e.start_datetime/(3600*24)) // dayjs.unix(e.start_datetime).tz().format('YYYYMMDD')
    const c = (e.end_datetime || e.start_datetime) < now ? 'vc-past' : ''

    if (e.multidate === true) {
      attributes.push({
        dates: { start: new Date(e.start_datetime * 1000), end: new Date(e.end_datetime * 1000) },
        highlight: {
          start: { fillMode: 'outline' },
          base: { fillMode: 'light' },
          end: { fillMode: 'outline' },
        }
      })
      continue
    }

    const i = attributes.find(a => a.day === key)
    if (!i) {
      attributes.push({
        day: key, key: e.id, n: 1, dates: new Date(e.start_datetime * 1000),
        dot: { color: 'teal', class: c }
      })
      continue
    }

    i.n++
    if (i.n >= 20) {
      i.dot = { color: 'purple', class: c }
    } else if (i.n >= 10) {
      i.dot = { color: 'red', class: c }
    } else if (i.n >= 5) {
      i.dot = { color: 'orange', class: c }
    } else if (i.n >= 3) {
      i.dot = { color: 'yellow', class: c }
    } else {
      i.dot = { color: 'teal', class: c }
    }

  }

  // add a bar to highlight today
  attributes.push({ key: 'today', dates: new Date(), highlight: { color: 'green', fillMode: 'outline' } })

  return attributes
}