import { Todos, Projects, UserStore } from '@store'
import globalroutines from '../globalroutines/index'

import { date, Screen } from 'quasar'
import { IListRoutes, ILang, IOperators, IPreloadImages } from '../model/index'

import { IFunctionality } from '@src/model/GlobalStore'

const functionality: IFunctionality = {
  PWA: false,
  SHOW_USER_MENU: true, // Cambiare con true
  ENABLE_REGISTRATION: false, // Cambiare con true
  SHOW_NEWSLETTER: false,
  SHOW_ONLY_POLICY: true,
  ENABLE_TODOS_LOADING: false,
  ENABLE_PROJECTS_LOADING: false,
  SHOW_IF_IS_SERVER_CONNECTION: false,
  SHOW_MESSAGES: false,
  BOOKING_EVENTS: false
}

const routes_manager: IListRoutes[] = [
  {
    path: '/admin/userlist',
    materialIcon: 'fas fa-users',
    name: 'otherpages.admin.userlist',
    component: () => import('@/rootgen/admin/usersList/usersList.vue'),
    inmenu: true,
    submenu: true,
    level_parent: 0,
    level_child: 0.5,
    onlyManager: true
  },
  {
    path: '/admin/tableslist',
    materialIcon: 'fas fa-users',
    name: 'otherpages.admin.tableslist',
    component: () => import('@/rootgen/admin/tablesList/tablesList.vue'),
    inmenu: true,
    submenu: true,
    level_parent: 0,
    level_child: 0.5,
    onlyManager: true
  },
]

const routes: IListRoutes[] = [
  {
    path: '/',
    materialIcon: 'home',
    name: 'pages.home',
    component: () => import('@/root/home/home.vue'),
    reqauth: false,
    inmenu: true,
    infooter: true
  },
/*
  {
    path: '/page',
    name: 'pages.scuolaoperatoreolistico',
    materialIcon: 'school',
    component: () => import('@/root/page/page.vue'),
    inmenu: true,
    infooter: true
  },
*/
  {
    path: '/manage',
    materialIcon: 'fas fa-users-cog',
    name: 'otherpages.manage.menu',
    inmenu: true,
    routes2: routes_manager,
    solotitle: true,
    infooter: true,
    onlyManager: true
  },
  ...routes_manager,
  {
    path: '/messages/:un',
    materialIcon: 'fas fa-comment',
    name: 'otherpages.messages.menu',
    component: () => import('@/views/messages/messages.vue'),
    inmenu: functionality.SHOW_MESSAGES,
    infooter: functionality.SHOW_MESSAGES,
    reqauth: true
  },
  // --- NOT IN MENU: ---
  { path: '/policy', name: 'pages.policy', component: () => import('@/root/policy/policy.vue') },
  {
    path: '/signup',
    materialIcon: 'how_to_reg',
    name: 'pages.SignUp',
    component: () => import('@/views/login/signup/signup.vue'),
    inmenu: false,
    infooter: false,
    separator: false
  },
  {
    path: '/signin',
    materialIcon: 'account_circle',
    name: 'pages.SignIn',
    component: () => import('@/views/login/signin/signin.vue'),
    inmenu: false,
    infooter: true
  },
  { path: '/vreg', name: 'Verify Reg', component: () => import('@/views/login/vreg/vreg.vue') },
  { path: '/offline', name: 'Offline', component: () => import('@/views/offline/offline.vue') },
]

const preLoadImages: IPreloadImages[] = [
  { imgname: '../../statics/images/logo.png', alt: 'logo', mobile: false },
  { imgname: '../../statics/images/gb.png', alt: 'flag gb', mobile: false },
  { imgname: '../../statics/images/es.png', alt: 'flag es', mobile: false },
  // { imgname: '../../statics/images/fr.png', alt: 'flag fr', mobile: false },
  { imgname: '../../statics/images/it.png', alt: 'flag it', mobile: false },
  // { imgname: '../../statics/images/background.jpg', alt: 'corsi di formazione per operatori del massaggio del benessere', mobile: true },
  // { imgname: '../../statics/images/background2.jpg', alt: 'stanza con cuscini per seminario reiki', mobile: true },
  // { imgname: '../../statics/images/background3.jpg', alt: 'foto di gruppo seminaristi reiki', mobile: true },
]

export function preloadedimages() {

  return [...preLoadImages]
}


const arrLangUsed = [
  'it',
  'enUs',
  'es'
]

const lang_available: ILang[] = [
  { label: 'Italiano', icon: 'fa-flag-it', value: 'it', image: '../statics/images/it.png', short: 'IT' },
  { label: 'English', icon: 'fa-flag-us', value: 'enUs', image: '../statics/images/gb.png', short: 'EN' },
  { label: 'Español', icon: 'fa-flag-es', value: 'es', image: '../statics/images/es.png', short: 'ES' },
  // { label: 'Français', icon: 'fa-facebook', value: 'fr', image: '../statics/images/fr.png', short: 'FR' }
  // { label: 'German', icon: 'fa-flag-de', value: 'de', image: '../statics/images/de.png', short: 'DE' },
]

export const static_data = {
  functionality,
  routes,
  lang_available,
  preLoadImages,
  arrLangUsed
}