import { Route, Routes } from "react-router-dom";
import { RouteHandler } from "./routes";
import {
  GetStartedPage,
  HomePage,
  LoginPage,
  DashboardHomePage,
  DashboardLegalsPage,
  DashboardProfilePage,
  DashboardVerificationPage,
  DashboardpaymentsPage,
  TermsAndConditionPage,
  BusinessBankingPage,
  CooperateBankingPage,
  PersonalBankingPage,
  LetsGetStatedPage,
} from "../pages";
import { DashboardAuth } from "../layouts";

const Routers = () => {
  return (
    <Routes>
      <Route path={RouteHandler.homepage} element={<HomePage />} />
      <Route path={RouteHandler.loginpage} element={<LoginPage />} />
      <Route path={RouteHandler.getStarted} element={<GetStartedPage />} />
      <Route
        path={RouteHandler.termsAndConditions}
        element={<TermsAndConditionPage />}
      />
      <Route
        path={RouteHandler.businessBanking}
        element={<BusinessBankingPage />}
      />
      <Route
        path={RouteHandler.cooperateBanking}
        element={<CooperateBankingPage />}
      />
      <Route
        path={RouteHandler.personalBanking}
        element={<PersonalBankingPage />}
      />
      <Route
        path={RouteHandler.letsGetStarted}
        element={<LetsGetStatedPage />}
      />

      {/* Dashboard */}
      <Route element={<DashboardAuth />}>
        <Route
          path={RouteHandler.dashboardHome}
          element={<DashboardHomePage />}
        />
        <Route
          path={RouteHandler.dashboardProfile}
          element={<DashboardProfilePage />}
        />
        <Route
          path={RouteHandler.dashboardVerification}
          element={<DashboardVerificationPage />}
        />
        <Route
          path={RouteHandler.dashboardPayments}
          element={<DashboardpaymentsPage />}
        />
        <Route
          path={RouteHandler.dashboardLegals}
          element={<DashboardLegalsPage />}
        />
      </Route>
      <Route path="*" element={<>Error Page</>} />
    </Routes>
  );
};

export default Routers;
