import { Route, useNavigate } from "react-router-dom";
import ProfileLayout from "../layout/ProfileLayout";
import UserDashboardHome from "../pages/UserDashboardHome";
import PoliciesPage from '../pages/PoliciesPage';
import TermsAndConditionPage from '../pages/TermsAndCondition';
import SafetyCentrePage from '../pages/SafetyCentre';
import SubscriptionPlanPage from '../pages/SubscriptionPlan';
import SubscriptionHistoryPage from '../pages/SubscriptionHistory'
import MatchesPage from "../pages/MatchesPage";
import InterestSendPage from "../pages/InterestSendPage";
import BlockedProfileListPage from "../pages/BlockedProfileListPage";
import AccountSettingPage from "../pages/AccountSettingsPage";
import ProfileDetailPage from "../pages/ProfileDetailPage";
import ChatUI from "../pages/ChatPage";
import HoroscopeGenerator from "../pages/HoroscoperGeneratePage";
import ContactUsPage from "../pages/ContactUsPage";
import ChangePasswordPage from "../components/auth/ChangePasswordForm";
import StepperForm from "../feature/StepperForm";
import FilterForm from "../feature/FilterForm";

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="/" element={<UserDashboardHome />} />
      </Route>
      <Route element={<ProfileLayout />}>
        <Route path="/main/dashboard" element={<UserDashboardHome />} />
      </Route>
      <Route element={<ProfileLayout />}>
        <Route path="/matches" element={<MatchesPage />} />
      </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="/profile-detail" element={<ProfileDetailPage />} />
      </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-and-condition" 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
