// Inbuilt modules
import React, { useState } from "react";
import { Route, Routes } from "react-router-dom";

// Pages
import MainPage from "./pages/MainPage";
import LoginPage from "./pages/LoginPage";
import GraphPage from "./pages/Graph/GraphPage";
import RestPage from "./pages/Rest/RestPage";

// Context
import { DocumentContextProvider } from "./appContext";

function AppRoutes({ appData, hasSessionData }) {
  const {
    config: { apiNexus: { authentication } } = {
      apiNexus: { authentication: null },
    },
  } = appData || {};

  const [hasSession, setHasSession] = useState(hasSessionData);

  // Helper function to determine the route element based on authentication and hasSession
  function getRouteElement(authentication, hasSession, component) {
    if (!authentication && !hasSession) {
      return component;
    } else if (authentication && !hasSession) {
      return (
        <LoginPage
          authentication={authentication}
          onLoginSuccess={setHasSession}
          logo={appData?.config?.apiNexus?.info?.logo ?? null}
          basePath={appData?.basePath}
        />
      );
    } else {
      return component;
    }
  }
  return (
    <DocumentContextProvider context={appData}>
      <Routes>
        <Route
          path={
            appData?.basePath && appData?.basePath !== "/"
              ? `${appData?.basePath}/`
              : "/"
          }
          element={getRouteElement(
            authentication,
            hasSession,
            <MainPage
              basePath={appData?.basePath !== "/" ? appData.basePath : null}
            />
          )}
        />
        <Route
          // path={`appData?.basePath != '/'? ${appData?.basePath}/graphql_api :graphql_api `}
          path={
            appData?.basePath && appData?.basePath !== "/"
              ? `${appData?.basePath}/graphql_api`
              : "graphql_api"
          }
          element={getRouteElement(authentication, hasSession, <GraphPage />)}
        />
        <Route
          path={
            appData?.basePath && appData?.basePath !== "/"
              ? `${appData?.basePath}/rest_api`
              : "rest_api"
          }
          // path={`${appData?.basePath}/rest_api`}
          element={getRouteElement(authentication, hasSession, <RestPage />)}
        />
        <Route
          path="*"
          element={getRouteElement(
            authentication,
            hasSession,
            <MainPage
              basePath={appData?.basePath !== "/" ? appData.basePath : null}
            />
          )}
        />
      </Routes>
    </DocumentContextProvider>
  );
}

export default AppRoutes;