import { Route, Routes } from "react-router-dom";
import MainLayout from "./Layouts/MainLayout";
import routes from "@/routes";
import GenderPage from "@/components/pages/Mike/v1/pages/Gender";
import QuestionnairePage from "@/components/pages/Mike/v1/pages/Questionnaire";
import BirthTimePage from "@/components/pages/Mike/v1/pages/BirthTimePage";
import { StyleProvider } from "./providers/StyleProvider/StyleProvider";
import BirthPlacePage from "@/components/pages/Mike/v1/pages/BirthPlace";
import EmailEnterPage from "@/components/pages/Mike/v1/pages/EmailEnterPage";
import TrialPaymentPage from "@/components/pages/Mike/v1/pages/TrialPayment";

function MikeV1Routes() {
  return (
    <StyleProvider>
      <Routes>
        <Route element={<MainLayout />}>
          <Route path={routes.client.gender()} element={<GenderPage />}>
            <Route path=":targetId/*" element={<GenderPage />} />
          </Route>
          <Route
            path={routes.client.questionnaire()}
            element={<QuestionnairePage />}
          >
            <Route path=":stepId" element={<QuestionnairePage />}>
              <Route path=":question" element={<QuestionnairePage />} />
            </Route>
          </Route>
          <Route path={routes.client.birthtime()} element={<BirthTimePage />} />
          <Route
            path={routes.client.getBirthPlace()}
            element={<BirthPlacePage />}
          />
          <Route
            path={routes.client.emailEnter()}
            element={<EmailEnterPage />}
          />
          <Route
            path={routes.client.trialPayment()}
            element={<TrialPaymentPage />}
          />
        </Route>
      </Routes>
    </StyleProvider>
  );
}

export default MikeV1Routes;
