import { ActionContext, ActionTree } from 'vuex'

import authApi from '@/api/authApi'
import { ROOT_STORE, WORKOUTS_STORE } from '@/store/constants'
import { IRootState } from '@/store/modules/root/types'
import {
  IWorkoutsActions,
  IWorkoutsState,
} from '@/store/modules/workouts/types'
import { IWorkoutsPayload } from '@/types/workouts'
import { handleError } from '@/utils'

const getWorkouts = (
  context: ActionContext<IWorkoutsState, IRootState>,
  payload: IWorkoutsPayload,
  target: string
): void => {
  context.commit(ROOT_STORE.MUTATIONS.EMPTY_ERROR_MESSAGES)
  authApi
    .get('workouts', {
      params: payload,
    })
    .then((res) => {
      if (res.data.status === 'success') {
        context.commit(
          target === 'CALENDAR_WORKOUTS'
            ? WORKOUTS_STORE.MUTATIONS.SET_CALENDAR_WORKOUTS
            : WORKOUTS_STORE.MUTATIONS.SET_USER_WORKOUTS,
          res.data.data.workouts
        )
      } else {
        handleError(context, null)
      }
    })
    .catch((error) => handleError(context, error))
}

export const actions: ActionTree<IWorkoutsState, IRootState> &
  IWorkoutsActions = {
  [WORKOUTS_STORE.ACTIONS.GET_CALENDAR_WORKOUTS](
    context: ActionContext<IWorkoutsState, IRootState>,
    payload: IWorkoutsPayload
  ): void {
    getWorkouts(context, payload, 'CALENDAR_WORKOUTS')
  },
  [WORKOUTS_STORE.ACTIONS.GET_USER_WORKOUTS](
    context: ActionContext<IWorkoutsState, IRootState>,
    payload: IWorkoutsPayload
  ): void {
    getWorkouts(context, payload, 'USER_WORKOUTS')
  },
  [WORKOUTS_STORE.ACTIONS.GET_WORKOUT](
    context: ActionContext<IWorkoutsState, IRootState>,
    workoutId: string
  ): void {
    context.commit(ROOT_STORE.MUTATIONS.EMPTY_ERROR_MESSAGES)
    context.commit(WORKOUTS_STORE.MUTATIONS.SET_WORKOUT_LOADING, true)
    authApi
      .get(`workouts/${workoutId}`)
      .then((res) => {
        if (res.data.status === 'success') {
          context.commit(
            WORKOUTS_STORE.MUTATIONS.SET_WORKOUT,
            res.data.data.workouts[0]
          )
          if (res.data.data.workouts[0].with_gpx) {
            authApi.get(`workouts/${workoutId}/chart_data`).then((res) => {
              if (res.data.status === 'success') {
                context.commit(
                  WORKOUTS_STORE.MUTATIONS.SET_WORKOUT_CHART_DATA,
                  res.data.data.chart_data
                )
              }
            })
            authApi.get(`workouts/${workoutId}/gpx`).then((res) => {
              if (res.data.status === 'success') {
                context.commit(
                  WORKOUTS_STORE.MUTATIONS.SET_WORKOUT_GPX,
                  res.data.data.gpx
                )
              }
            })
          }
        } else {
          handleError(context, null)
        }
      })
      .catch((error) => handleError(context, error))
      .finally(() =>
        context.commit(WORKOUTS_STORE.MUTATIONS.SET_WORKOUT_LOADING, false)
      )
  },
}