import { lazy } from "react";
import { Route } from "react-router-dom";
const ProfileLayout = lazy(() => import("../layout/ProfileLayout"));
const MatchesLayout = lazy(() => import("../layout/MatchesLayout"));

const UserDashboardHome = lazy(() => import("../pages/UserDashboardHome"));
const PoliciesPage = lazy(() => import("../pages/PoliciesPage"));
const TermsAndConditionPage = lazy(() => import("../pages/TermsAndCondition"));
const SafetyCentrePage = lazy(() => import("../pages/SafetyCentre"));
const SubscriptionPlanPage = lazy(() => import("../pages/SubscriptionPlan"));
const SubscriptionHistoryPage = lazy(() => import("../pages/SubscriptionHistory"));
const MatchesPage = lazy(() => import("../pages/MatchesPage"));
const InterestSendPage = lazy(() => import("../pages/InterestSendPage"));
const BlockedProfileListPage = lazy(() => import("../pages/BlockedProfileListPage"));
const AccountSettingPage = lazy(() => import("../pages/AccountSettingsPage"));
const ProfileDetailPage = lazy(() => import("../pages/ProfileDetailPage"));
const ChatUI = lazy(() => import("../pages/ChatPage"));
const HoroscopeGenerator = lazy(() => import("../pages/HoroscoperGeneratePage"));
const ContactUsPage = lazy(() => import("../pages/ContactUsPage"));
const ChangePasswordPage = lazy(() => import("../components/auth/ChangePasswordForm"));
const StepperForm = lazy(() => import("../feature/StepperForm"));
const FilterForm = lazy(() => import("../feature/FilterForm"));
const ProfilePreviewPage = lazy(() => import("../feature/ProfilePreviewPage"));
const NotificationPage = lazy(() => import("../pages/NotificationPage"));
const ProfileCardDemo = lazy(() => import("../components/ui/ProfileCardDemo"));

const UserRoutes = () => {

  return (
    <>
     {/* <Route element={<ProfileLayout />}>
        <Route path="/registration" element={<StepperForm />} />
      </Route> */}

      <Route element={<ProfileLayout />}>
        <Route path="/filter" element={<FilterForm />} />
      </Route>

     <Route element={<ProfileLayout />}>
        <Route path="/dashboard-home" element={<UserDashboardHome />} />
      </Route>
      <Route element={<ProfileLayout />}>
        <Route path="/main/dashboard" element={<UserDashboardHome />} />
      </Route>
      <Route element={<MatchesLayout />}>
        <Route path="/matches" element={<MatchesPage />} />
      </Route>
        <Route element={<MatchesLayout />}>
        <Route path="/profile-card" element={<ProfileCardDemo />} />
      </Route>

      <Route element={<ProfileLayout />}>
        <Route path="/interest" element={<InterestSendPage />} />
      </Route>

       <Route element={<ProfileLayout />}>
        <Route path="/chat" element={<ChatUI />} />
      </Route>

       <Route element={<ProfileLayout />}>
        <Route path="/horoscoper-generate" element={<HoroscopeGenerator />} />
      </Route>

      <Route element={<ProfileLayout />}>
        <Route path="/notifications" element={<NotificationPage />} />
      </Route>



 <Route element={<ProfileLayout />}>
        <Route path="/profile-details/:id" element={<ProfileDetailPage />} />
      </Route>

      <Route element={<ProfileLayout />}>
        <Route path="/profile" element={<ProfilePreviewPage />} />
      </Route>
<Route element={<ProfileLayout />}>
        <Route path="/profile-edit" element={<StepperForm />} />
      </Route>
       <Route element={<ProfileLayout />}>
          <Route path="/change-password" element={<ChangePasswordPage />} />
       
       </Route>
     

      <Route element={<ProfileLayout />}>
        <Route path="/block-report-profilelist" element={<BlockedProfileListPage />} />
      </Route>
      <Route element={<ProfileLayout />}>
        <Route path="/account-settings" element={<AccountSettingPage />} />
      </Route>
      <Route element={<ProfileLayout />}>
        <Route path="/terms" element={<TermsAndConditionPage />} />
      </Route>
      <Route element={<ProfileLayout />}>
        <Route path="/privacy-policy" element={<PoliciesPage />} />
      </Route>
      <Route element={<ProfileLayout />}>
        <Route path="/safe-online" element={<SafetyCentrePage />} />
      </Route>
      <Route element={<ProfileLayout />}>
        <Route path="/contact" element={<ContactUsPage />} />
      </Route>
      <Route element={<ProfileLayout />}>
        <Route path="/subscription-plan" element={<SubscriptionPlanPage />} />
      </Route>
      <Route element={<ProfileLayout />}>
        <Route path="/subscription-history" element={<SubscriptionHistoryPage />} />
      </Route>
    </>
  )
}

export default UserRoutes
