import Vue from 'nativescript-vue'
import store from './store'
import {
  Application,
  AndroidApplication,
  Utils,
  Frame,
} from '@nativescript/core'
import {
  setNumber,
  getNumber,
  getString,
} from '@nativescript/core/application-settings'
import { localize } from '@nativescript/localize'
import EnRecipes from './components/EnRecipes.vue'
import EditRecipe from './components/EditRecipe.vue'
import MealPlanner from './components/MealPlanner.vue'
import CookingTimer from './components/CookingTimer.vue'
// import GroceryList from './components/GroceryList.vue'

import * as utils from '~/shared/utils'

export const EvtBus = new Vue()

let renderView: any = EnRecipes

import CollectionView from '@nativescript-community/ui-collectionview/vue'
Vue.use(CollectionView)

import { RGridLayout, RStackLayout, RLabel } from './rtl-ui'
Vue.registerElement('RGridLayout', () => RGridLayout)
Vue.registerElement('RStackLayout', () => RStackLayout)
Vue.registerElement('RLabel', () => RLabel)

import { myMixin } from './shared/mixins'
Vue.mixin(myMixin)

Vue.filter('L', localize)

const initFrame = () => {
  const s = store
  // MainInit
  s.commit('setT', getString('theme', 'sysDef'))
  s.commit('initRs')
  s.commit('initMPs')
  s.commit('initLIs')
  s.commit('initTPs')
  if (!Object.keys(s.state.timerS).length) {
    let hasTimerSound = getString('timerS', null)
    s.commit(
      'setTS',
      hasTimerSound ? JSON.parse(hasTimerSound) : utils.getTones().defaultTone
    )
  }
  // InitFrame
  const window = Application.android.startActivity.getWindow()
  const decorView = window.getDecorView()
  utils.setBarColors(window, decorView, s.state.theme)
  Frame.topmost().className = s.state.theme
}
const showOverLockscreen = () => {
  let ctx = Utils.ad.getApplicationContext()
  const pm = ctx.getSystemService(android.content.Context.POWER_SERVICE)
  let isScreenOff = !pm.isInteractive()
  if (isScreenOff) {
    const window = Application.android.startActivity.getWindow()
    const windowMgr = android.view.WindowManager
    const flags =
      windowMgr.LayoutParams.FLAG_SHOW_WHEN_LOCKED |
      windowMgr.LayoutParams.FLAG_TURN_SCREEN_ON |
      windowMgr.LayoutParams.FLAG_KEEP_SCREEN_ON
    window.addFlags(flags)
  }
}
const intentListener = ({ intent, android }: any) => {
  let action = ((intent || android).getStringExtra('action') ||
    (android && android.getAction())) as string
  if (action) {
    switch (action) {
      case 'new_recipe':
        renderView = EditRecipe
        break
      case 'planner':
        renderView = MealPlanner
        break
      case 'timer':
        renderView = CookingTimer
        switch (getNumber('isTimer', 0)) {
          case 0:
            // Closing all modals if available before navigation
            if (Frame.topmost()) {
              let modals = Frame.topmost()._getRootModalViews()
              for (let i = modals.length - 1; i >= 0; i--) {
                Frame.topmost()
                  ._getRootModalViews()
                  [i].closeModal()
              }
            }
            Vue.navigateTo(CookingTimer as any, {
              animated: false,
            })
            setNumber('isTimer', 1)
            break
          case 2:
            Vue.navigateBack()
            break
        }
        break
      // case 'grocery':
      //   renderView = GroceryList
      //   break
    }
  }
}

Application.on(Application.launchEvent, (args) => {
  utils.updateLocale()
  store.commit('setRTL')
  intentListener(args)
  Application.android.on(
    AndroidApplication.activityNewIntentEvent,
    intentListener
  )
  Frame.on(Frame.loadedEvent, initFrame)
})

Application.on(Application.resumeEvent, () => {
  showOverLockscreen()
  if (utils.sysLocale() !== getString('sysLocale', utils.sysLocale())) {
    Frame.reloadPage()
    utils.updateLocale()
    store.commit('setRTL')
  }
})

Application.on(Application.exitEvent, () => {
  renderView = EnRecipes
  Application.android.off(
    AndroidApplication.activityNewIntentEvent,
    intentListener
  )
})

Vue.config.silent = false

new Vue({
  store,
  render: (h) => h('Frame', [h(renderView)]),
}).$start()