import React from 'react';
import ReactDOM from 'react-dom';
import {
  Route,
  Switch,
  Redirect
} from 'react-router-dom';
import {
  I18n
} from '@lingui/react';
import { t } from '@lingui/macro';

import '@patternfly/react-core/dist/styles/base.css';
import './app.scss';
import './components/SelectedList/styles.scss';
import './components/AddRole/styles.scss';

import { Config } from './contexts/Config';

import Background from './components/Background';
import NotifyAndRedirect from './components/NotifyAndRedirect';

import RootProvider from './RootProvider';
import App from './App';

import Applications from './pages/Applications';
import Credentials from './pages/Credentials';
import CredentialTypes from './pages/CredentialTypes';
import Dashboard from './pages/Dashboard';
import InstanceGroups from './pages/InstanceGroups';
import Inventories from './pages/Inventories';
import InventoryScripts from './pages/InventoryScripts';
import Jobs from './pages/Jobs';
import Login from './pages/Login';
import ManagementJobs from './pages/ManagementJobs';
import NotificationTemplates from './pages/NotificationTemplates';
import Organizations from './pages/Organizations/Organizations';
import Portal from './pages/Portal';
import Projects from './pages/Projects';
import Schedules from './pages/Schedules';
import AuthSettings from './pages/AuthSettings';
import JobsSettings from './pages/JobsSettings';
import SystemSettings from './pages/SystemSettings';
import UISettings from './pages/UISettings';
import License from './pages/License';
import Teams from './pages/Teams';
import Templates from './pages/Templates';
import Users from './pages/Users';

// eslint-disable-next-line import/prefer-default-export
export function main (render) {
  const el = document.getElementById('app');

  return render(
    <RootProvider>
      <I18n>
        {({ i18n }) => (
          <Background>
            <Switch>
              <Route
                path="/login"
                render={() => (
                  <Config>
                    {({ custom_logo, custom_login_info, fetchMe, updateConfig }) => (
                      <Login
                        logo={custom_logo}
                        loginInfo={custom_login_info}
                        fetchMe={fetchMe}
                        updateConfig={updateConfig}
                      />
                    )}
                  </Config>
                )}
              />
              <Route exact path="/" render={() => <Redirect to="/home" />} />
              <Route
                render={() => (
                  <App
                    navLabel={i18n._(t`Primary Navigation`)}
                    routeGroups={[
                      {
                        groupTitle: i18n._(t`Views`),
                        groupId: 'views_group',
                        routes: [
                          {
                            title: i18n._(t`Dashboard`),
                            path: '/home',
                            component: Dashboard
                          },
                          {
                            title: i18n._(t`Jobs`),
                            path: '/jobs',
                            component: Jobs
                          },
                          {
                            title: i18n._(t`Schedules`),
                            path: '/schedules',
                            component: Schedules
                          },
                          {
                            title: i18n._(t`My View`),
                            path: '/portal',
                            component: Portal
                          },
                        ],
                      },
                      {
                        groupTitle: i18n._(t`Resources`),
                        groupId: 'resources_group',
                        routes: [
                          {
                            title: i18n._(t`Templates`),
                            path: '/templates',
                            component: Templates
                          },
                          {
                            title: i18n._(t`Credentials`),
                            path: '/credentials',
                            component: Credentials
                          },
                          {
                            title: i18n._(t`Projects`),
                            path: '/projects',
                            component: Projects
                          },
                          {
                            title: i18n._(t`Inventories`),
                            path: '/inventories',
                            component: Inventories
                          },
                          {
                            title: i18n._(t`Inventory Scripts`),
                            path: '/inventory_scripts',
                            component: InventoryScripts
                          },
                        ],
                      },
                      {
                        groupTitle: i18n._(t`Access`),
                        groupId: 'access_group',
                        routes: [
                          {
                            title: i18n._(t`Organizations`),
                            path: '/organizations',
                            component: Organizations
                          },
                          {
                            title: i18n._(t`Users`),
                            path: '/users',
                            component: Users
                          },
                          {
                            title: i18n._(t`Teams`),
                            path: '/teams',
                            component: Teams
                          },
                        ],
                      },
                      {
                        groupTitle: i18n._(t`Administration`),
                        groupId: 'administration_group',
                        routes: [
                          {
                            title: i18n._(t`Credential Types`),
                            path: '/credential_types',
                            component: CredentialTypes
                          },
                          {
                            title: i18n._(t`Notifications`),
                            path: '/notification_templates',
                            component: NotificationTemplates
                          },
                          {
                            title: i18n._(t`Management Jobs`),
                            path: '/management_jobs',
                            component: ManagementJobs
                          },
                          {
                            title: i18n._(t`Instance Groups`),
                            path: '/instance_groups',
                            component: InstanceGroups
                          },
                          {
                            title: i18n._(t`Integrations`),
                            path: '/applications',
                            component: Applications
                          },
                        ],
                      },
                      {
                        groupTitle: i18n._(t`Settings`),
                        groupId: 'settings_group',
                        routes: [
                          {
                            title: i18n._(t`Authentication`),
                            path: '/auth_settings',
                            component: AuthSettings
                          },
                          {
                            title: i18n._(t`Jobs`),
                            path: '/jobs_settings',
                            component: JobsSettings
                          },
                          {
                            title: i18n._(t`System`),
                            path: '/system_settings',
                            component: SystemSettings
                          },
                          {
                            title: i18n._(t`User Interface`),
                            path: '/ui_settings',
                            component: UISettings
                          },
                          {
                            title: i18n._(t`License`),
                            path: '/license',
                            component: License
                          },
                        ],
                      },
                    ]}
                    render={({ routeGroups }) => (
                      <Switch>
                        {routeGroups
                          .reduce((allRoutes, { routes }) => allRoutes.concat(routes), [])
                          .map(({ component: PageComponent, path }) => (
                            <Route
                              key={path}
                              path={path}
                              render={({ match }) => (
                                <PageComponent match={match} />
                              )}
                            />
                          ))
                          .concat([
                            <NotifyAndRedirect key="redirect" to="/" />
                          ])}
                      </Switch>
                    )}
                  />
                )}
              />
            </Switch>
          </Background>
        )}
      </I18n>
    </RootProvider>, el || document.createElement('div')
  );
}

main(ReactDOM.render);