import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import { CartProvider } from "./context/CartContext";
import { ThemeProvider } from "./context/ThemeContext";
import "./App.css";

// Pages principales
import Home from "./pages/Home";
// Pages User
import UserAccueil from "./pages/User/Accueil";
import SuiviLivraison from "./pages/User/SuiviLivraison";
import ConsultationHistorique from "./pages/User/ConsultationHistorique";
import ProductDetail from "./pages/User/ProductDetail";
import Cart from "./pages/User/Cart";
import Checkout from "./pages/User/Checkout";
import OrderDetails from "./pages/User/OrderDetails";
import Parrainage from "./pages/User/Parrainage";
import ProfilePage from "./pages/User/ProfilePage";

// Pages Login
import LoginClient from "./pages/LoginClient/Login";
import ChangePasswordPage from "./pages/ChangePassword/ChangePassword";

function App() {
    return (
        <ThemeProvider>
        <Router>
            <Routes>
                {/* Routes Login - SANS CartProvider */}
                <Route path="/login/client" element={<LoginClient />} />
                <Route path="/user/change-password" element={<ChangePasswordPage />} />

                <Route
                    path="*"
                    element={
                        <CartProvider>
                            <Routes>
                                {/* Page d'accueil */}
                                <Route path="/" element={<Home />} />

                                {/* Routes User - Panier */}
                                <Route path="/user/panier" element={<Cart />} />
                                <Route
                                    path="/user/checkout"
                                    element={<Checkout />}
                                />

                                {/* Routes User - Produits */}
                                <Route
                                    path="/user/accueil"
                                    element={<Home />}
                                />
                                <Route
                                    path="/user/nos-produits"
                                    element={<UserAccueil />}
                                />
                                <Route
                                    path="/user/product/:id"
                                    element={<ProductDetail />}
                                />

                                {/* Routes User - Autres */}
                                <Route
                                    path="/user/suivi-livraison"
                                    element={<SuiviLivraison />}
                                />
                                <Route
                                    path="/user/mes-commandes"
                                    element={<ConsultationHistorique />}
                                />
                                <Route
                                    path="/user/consultation-historique"
                                    element={<ConsultationHistorique />}
                                />
                                <Route
                                    path="/user/commande/:orderId"
                                    element={<OrderDetails />}
                                />
                                <Route
                                    path="/user/parrainage"
                                    element={<Parrainage />}
                                />
                                <Route
                                    path="/user/profil"
                                    element={<ProfilePage />}
                                />
                            </Routes>
                        </CartProvider>
                    }
                />
            </Routes>
        </Router>
        </ThemeProvider>
    );
}

export default App;