import React from 'react';
import { Navigate } from 'react-router-dom';
import DashboardLayout from 'src/layouts/DashboardLayout';
import MainLayout from 'src/layouts/MainLayout';
import PeopleList from 'src/views/people/PeopleList';
import DashboardView from 'src/views/dashboard';
import LoginView from 'src/views/auth/LoginView';
import SuccessEmailVerified from 'src/views/auth/SuccessEmailVerified';
import NewEmailVerified from 'src/views/settings/NewEmailVerified';
import NotFoundView from 'src/views/errors/NotFoundView';
import RegisterView from 'src/views/auth/RegisterView';
import Settings from 'src/views/settings';
import ForgotPassword from 'src/views/auth/ForgotPassword';
import ResetPassword from 'src/views/auth/ResetPassword';
import AddPeople from 'src/views/people/AddPeople/index';
import VirtualPhone from 'src/views/VirtualPhone';
import Listing from 'src/views/listing';
import ManageListing from 'src/views/listing/ManageListing';
import MessageList from 'src/views/message/list/MessageList';
import CreateMessage from 'src/views/message/create/CreateMessage';
import ViewMessage from 'src/views/message/view/ViewMessage';
import Invoice from 'src/views/Invoice/';
import ViewInvoice from 'src/views/Invoice/ViewInvoice';
import Wallet from 'src/views/wallet/Wallet';

const routes = [
    {
        path: 'app',
        element: <DashboardLayout />,
        children: [
            { path: 'people', element: <PeopleList /> },
            { path: 'managepeople', element: <AddPeople /> },
            { path: 'phones', element: <VirtualPhone /> },
            { path: 'listing', element: <Listing /> },
            { path: 'managelisting', element: <ManageListing /> },
            { path: 'message', element: <MessageList /> },
            { path: 'createmessage', element: <CreateMessage /> },
            { path: 'viewmessage', element: <ViewMessage /> },
            { path: 'dashboard', element: <DashboardView /> },
            { path: 'invoice', element: <Invoice /> },
            { path: 'viewinvoice', element: <ViewInvoice /> },
            { path: 'settings', element: <Settings /> },
            { path: 'wallet', element: <Wallet /> },
            { path: '*', element: <Navigate to="/404" /> }
        ]
    },
    {
        path: '/',
        element: <MainLayout />,
        children: [
            { path: 'login', element: <LoginView /> },
            { path: 'register', element: <RegisterView /> },
            { path: 'forgot-password', element: <ForgotPassword /> },
            { path: 'password/reset', element: <ResetPassword /> },
            { path: 'account/verify', element: <SuccessEmailVerified /> },
            { path: 'account/verifyModifiedEmail', element: <NewEmailVerified /> },
            { path: '404', element: <NotFoundView /> },
            { path: '/', element: <Navigate to="/login" /> },
            { path: '*', element: <Navigate to="/404" /> }
        ]
    }
];

export default routes;