import { atom, selector } from 'recoil';
import {
  atEveryOptions,
  defaultMinuteOptionsWithOrdinal,
  DEFAULT_DAY_OF_MONTH_OPTS,
  DEFAULT_DAY_OF_MONTH_OPTS_WITH_ORD,
  DEFAULT_HOUR_OPTS_EVERY,
  DEFAULT_MINUTE_OPTS,
  getMonthOptions,
  getPeriodOptions,
  onEveryOptions,
  weekOptions,
} from './constants';
import defaultLocale from './localization/enLocale';
import type { Locale, SelectOptions } from './types';
import { getTimesOfTheDay } from './utils';

export const localeState = atom<Locale>({
  key: 'localeState',
  default: defaultLocale,
});

export const periodState = atom<SelectOptions>({
  key: 'periodState',
  default: selector({
    key: 'periodStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState);
      return getPeriodOptions(resolvedLocale.periodOptions)[1];
    },
  }),
});

export const minuteState = atom<SelectOptions[]>({
  key: 'minuteState',
  default: [DEFAULT_MINUTE_OPTS[0]],
});

export const minuteAtEveryState = atom<SelectOptions>({
  key: 'minuteAtEveryState',
  default: selector({
    key: 'minuteAtEveryStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState);
      return atEveryOptions(resolvedLocale.atOptionLabel, resolvedLocale.everyOptionLabel)[0];
    },
  }),
});

export const minuteRangeStartSchedulerState = atom({
  key: 'minuteRangeStartSchedulerState',
  default: defaultMinuteOptionsWithOrdinal()[0],
});

export const minuteRangeEndSchedulerState = atom({
  key: 'minuteRangeEndSchedulerState',
  default: defaultMinuteOptionsWithOrdinal()[59],
});

export const hourState = atom<SelectOptions[]>({
  key: 'hourState',
  default: [DEFAULT_HOUR_OPTS_EVERY[0]],
});

export const hourAtEveryState = atom<SelectOptions>({
  key: 'hourAtEveryState',
  default: selector({
    key: 'hourAtEveryStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState);
      return atEveryOptions(resolvedLocale.atOptionLabel, resolvedLocale.everyOptionLabel)[0];
    },
  }),
});

export const hourRangeStartSchedulerState = atom({
  key: 'hourRangeStartSchedulerState',
  default: getTimesOfTheDay()[0],
});

export const hourRangeEndSchedulerState = atom({
  key: 'hourRangeEndSchedulerState',
  default: getTimesOfTheDay()[23],
});

export const dayOfMonthAtEveryState = atom<SelectOptions>({
  key: 'dayOfMonthAtEveryState',
  default: selector({
    key: 'dayOfMonthAtEveryStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState);
      console.log(resolvedLocale);
      return onEveryOptions(resolvedLocale.onOptionLabel, resolvedLocale.everyOptionLabel)[0];
    },
  }),
});

export const dayOfMonthState = atom<SelectOptions[]>({
  key: 'dayOfMonthState',
  default: DEFAULT_DAY_OF_MONTH_OPTS,
});

export const dayOfMonthRangeStartSchedulerState = atom({
  key: 'dayOfMonthRangeStartSchedulerState',
  default: DEFAULT_DAY_OF_MONTH_OPTS_WITH_ORD[0],
});

export const dayOfMonthRangeEndSchedulerState = atom({
  key: 'dayOfMonthRangeEndSchedulerState',
  default: DEFAULT_DAY_OF_MONTH_OPTS_WITH_ORD[30],
});

export const weekState = atom<SelectOptions[]>({
  key: 'weekState',
  default: selector({
    key: 'weekStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState);
      return weekOptions(resolvedLocale.weekDaysOptions);
    },
  }),
});

export const monthState = atom<SelectOptions[]>({
  key: 'monthState',
  default: selector({
    key: 'monthStateDefaultSelector',
    get: ({ get }) => {
      const resolvedLocale = get(localeState);
      return getMonthOptions(resolvedLocale.shortMonthOptions);
    },
  }),
});

export const cronValidationErrorMessageState = atom<string>({
  key: 'cronValidationErrorMessageState',
  default: '',
});

export const isAdminState = atom<boolean>({
  key: 'isAdminState',
  default: true,
});

export const cronExpInputState = atom<string>({
  key: 'cronExpInputState',
  default: '0 0 * * *',
});