import { lazy } from 'react';

// project import
import Loadable from 'components/Loadable';
// import MinimalLayout from 'layout/MinimalLayout';
import MainLayout from 'layout/MainLayout';

// render - login
const AuthLogin = Loadable(lazy(() => import('pages/authentication/Login')));
const AuthRegister = Loadable(lazy(() => import('pages/authentication/RegisterCustom')));
const RegisterForm = Loadable(lazy(() => import('pages/authentication/Register')));
const BusRegisterForm = Loadable(lazy(() => import('pages/authentication/BusRegister')));
const ErrorPage = Loadable(lazy(() => import('pages/extra-pages/ErrorPage')));
const TestMailPage = Loadable(lazy(() => import('pages/pnspsNotifyTest')));

// ==============================|| AUTH ROUTING ||============================== //

const LoginRoutes = {
  path: '/',
  element: <MainLayout />,
  children: [
    {
      path: 'login',
      element: <AuthLogin />
    },
    {
      path: 'register',
      element: <AuthRegister />
    },
    {
      path: 'registerFrom',
      element: <RegisterForm />
    },
    {
      path: 'registerFromOrganization',
      element: <BusRegisterForm />
    },
    {
      path: 'error',
      element: <ErrorPage/>
    },
    {
      path: 'testMailPage',
      element: <TestMailPage/>
    }
  ]
};

export default LoginRoutes;
