import {
  CREATE_CONTENT_BLOCK_AFTER_PAGE,
  CREATE_CONTENT_BLOCK_UNDER_PARENT_PAGE,
  EDIT_CONTENT_BLOCK_PAGE,
  MODULE_PAGE,
  MODULE_SETTINGS_PAGE,
  SNAPSHOT_DETAIL,
  SNAPSHOT_LIST,
  SUBMISSIONS_PAGE,
  VISIBILITY_PAGE,
} from '@/router/module.names';
import {LAYOUT_SIMPLE} from '@/router/core.constants';
import createContentBlock from '@/pages/createContentBlock';
import editContentBlock from '@/pages/editContentBlock';

const moduleBase = () => import(/* webpackChunkName: "modules" */'@/pages/module/module-base');
const module = () => import(/* webpackChunkName: "modules" */'@/pages/module/module');
const submissions = () => import(/* webpackChunkName: "modules" */'@/pages/submissions');
const moduleVisibility = () => import(/* webpackChunkName: "modules" */'@/pages/module/moduleVisibility');
const settingsPage = () => import(/* webpackChunkName: "modules" */'@/pages/module/moduleSettings');
const snapshots = () => import(/* webpackChunkName: "modules" */'@/pages/snapshot/snapshots');
const snapshot = () => import(/* webpackChunkName: "modules" */'@/pages/snapshot/snapshot');

const contentBlockFormMeta = {
  // layout: LAYOUT_SIMPLE,
  hideFooter: true,
  hideHeader: true,
  showSubNavigation: true,
  pageClass: 'no-scroll',
};
const createContentBlockRouteFragment = {
  component: createContentBlock,
  meta: contentBlockFormMeta,
  props: true,
};

export default [
  {
    path: '/module/:slug',
    component: moduleBase,
    children: [
      {
        path: '',
        name: MODULE_PAGE,
        component: module,
        meta: {filter: true},
      },
      {
        path: 'submissions/:id',
        name: SUBMISSIONS_PAGE,
        component: submissions,
        meta: {
          filter: true,
          showSubNavigation: true,
        },
      },
      {
        path: 'settings',
        name: MODULE_SETTINGS_PAGE,
        component: settingsPage,
        meta: {
          showSubNavigation: true,
        },
      },
      {
        path: 'visibility',
        name: VISIBILITY_PAGE,
        component: moduleVisibility,
        meta: {
          layout: LAYOUT_SIMPLE,
          hideNavigation: true,
        },
      },
      {
        path: 'snapshots',
        component: snapshots,
        name: SNAPSHOT_LIST,
        meta: {
          showSubNavigation: true,
        },
      },
      {
        path: 'snapshot/:id',
        component: snapshot,
        name: SNAPSHOT_DETAIL,
        props: true,
        meta: {
          layout: LAYOUT_SIMPLE,
          hideNavigation: true,
          fullWidth: true,
        },
      },
      {
        path: 'edit/:id',
        meta: contentBlockFormMeta,
        props: true,
        component: editContentBlock,
        name: EDIT_CONTENT_BLOCK_PAGE,
      },
      {
        ...createContentBlockRouteFragment,
        path: 'add-after/:after',
        name: CREATE_CONTENT_BLOCK_AFTER_PAGE,
      },
      {
        ...createContentBlockRouteFragment,
        path: 'add-under-parent/:parent',
        name: CREATE_CONTENT_BLOCK_UNDER_PARENT_PAGE,
      },
    ],
  },
];