import { Calendar } from '@fullcalendar/core'
import { findElements } from '@fullcalendar/core/internal'
import { ToolbarWrapper } from './ToolbarWrapper.js'

export class CalendarWrapper {
  static EVENT_CLASSNAME = 'fc-event' // TODO: put this everywhere?
  static EVENT_IS_START_CLASSNAME = 'fc-event-start'
  static EVENT_IS_END_CLASSNAME = 'fc-event-end'
  static EVENT_TIME_CLASSNAME = 'fc-event-time'
  static EVENT_TITLE_CLASSNAME = 'fc-event-title'
  static EVENT_RESIZER_CLASSNAME = 'fc-event-resizer'
  static EVENT_START_RESIZER_CLASSNAME = 'fc-event-resizer-start'
  static EVENT_END_RESIZER_CLASSNAME = 'fc-event-resizer-end'
  static BG_EVENT_CLASSNAME = 'fc-bg-event'
  static DAY_PAST_CLASSNAME = 'fc-day-past'
  static DAY_FUTURE_CLASSNAME = 'fc-day-future'
  static SLOT_PAST_CLASSNAME = 'fc-slot-past'
  static SLOT_FUTURE_CLASSNAME = 'fc-slot-future'
  static TODAY_CLASSNAME = 'fc-day-today'
  static SLOT_TODAY_CLASSNAME = 'fc-slot-today'
  static DOW_CLASSNAMES = ['fc-day-sun', 'fc-day-mon', 'fc-day-tue', 'fc-day-wed', 'fc-day-thu', 'fc-day-fri', 'fc-day-sat']
  static DOW_SLOT_CLASSNAMES = ['fc-slot-sun', 'fc-slot-mon', 'fc-slot-tue', 'fc-slot-wed', 'fc-slot-thu', 'fc-slot-fri', 'fc-slot-sat']
  static LTR_CLASSNAME = 'fc-direction-ltr'
  static RTL_CLASSNAME = 'fc-direction-rtl'
  static BOOTSTRAP_CLASSNAME = 'fc-theme-bootstrap'
  static UNTHEMED_CLASSNAME = 'fc-theme-standard'
  static ROOT_CLASSNAME = 'fc'

  constructor(private calendar: Calendar) {
  }

  // TODO: distinguish between header/footerToolbar
  get toolbar() {
    let toolbarEl = this.calendar.el.querySelector('.fc-toolbar') as HTMLElement
    return toolbarEl ? new ToolbarWrapper(toolbarEl) : null
  }

  get footerToolbar() {
    let toolbarEl = this.calendar.el.querySelector('.fc-footer-toolbar') as HTMLElement
    return toolbarEl ? new ToolbarWrapper(toolbarEl) : null
  }

  getViewContainerEl() {
    return this.calendar.el.querySelector('.fc-view-harness') as HTMLElement
  }

  getViewEl() {
    return this.calendar.el.querySelector('.fc-view') as HTMLElement
  }

  getViewName() {
    return this.getViewEl().getAttribute('class').match(/fc-(\w+)-view/)[1]
  }

  // DISCOURAGE use of the following...

  getNonBusinessDayEls() {
    return findElements(this.calendar.el, '.fc-non-business')
  }

  getEventEls() { // FG only
    return findElements(this.calendar.el, '.fc-event:not(.fc-bg-event)')
  }

  getFirstEventEl() {
    return this.calendar.el.querySelector('.fc-event:not(.fc-bg-event)') as HTMLElement
  }

  getTodayEls() {
    return findElements(this.calendar.el, '.fc-day-today')
  }

  getEventElInfo(eventEl: HTMLElement) {
    return {
      isStart: eventEl.classList.contains(CalendarWrapper.EVENT_IS_START_CLASSNAME),
      isEnd: eventEl.classList.contains(CalendarWrapper.EVENT_IS_END_CLASSNAME),
      timeText: $(eventEl).find('.' + CalendarWrapper.EVENT_TIME_CLASSNAME).text() || '',
      titleEl: eventEl.querySelector('.' + CalendarWrapper.EVENT_TITLE_CLASSNAME),
      resizerEl: eventEl.querySelector('.' + CalendarWrapper.EVENT_RESIZER_CLASSNAME),
    }
  }

  getBgEventEls() {
    return findElements(this.calendar.el, '.' + CalendarWrapper.BG_EVENT_CLASSNAME)
  }

  getFirstDateEl() {
    return this.calendar.el.querySelector('.fc [data-date]')
  }

  getDateCellEl(dateStr: string) {
    return this.calendar.el.querySelector('td.fc-day[data-date="' + dateStr + '"]')
  }

  getLicenseMessage() {
    return $('.fc-license-message', this.calendar.el).text()
  }

  isAllowingDragging() {
    return !$('body').hasClass('fc-not-allowed')
  }
}