import "./App.css";
import { BrowserRouter, Route, Routes } from "react-router-dom";
import Navigation from "./component/Navigation/Navigation";
import Dashboard from "./pages/Dashboard";
import Immersions from "./pages/Immersions";
import Instances from "./pages/Instances";
import Immersion from "./pages/Immersion";
import Site from "./pages/Site";
import LoginPage from "./pages/Login";
import PageTest from "./pages/PageTest";
import CreateTp from "./pages/admin/CreateTp";
import CreateSite from "./pages/admin/CreateSite";
import CreateJi from "./pages/admin/CreateJi";
import BulkUsers from "./pages/admin/BulkCreateUser";
import Users from "./pages/admin/Users";
import Sites from "./pages/admin/Sites";
import { ToastContainer } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
import AdminPage from "./pages/admin/AdminPage";

function App() {
  return (
    <BrowserRouter>
      <ToastContainer />
      <Navigation>
        <Routes>
          <Route path="/" element={<Dashboard />} />
          <Route path="/immersion" element={<Immersions />} />
          <Route path="/immersion/:id" element={<Immersion />} />
          <Route path="/site/:id" element={<Site />} />
          <Route path="/instances" element={<Instances />} />
          <Route path="/profile" element={<PageTest />} />
          <Route path="/login" element={<LoginPage />} />
          <Route path="admin" element={<AdminPage />} />
          <Route path="/admin/jdmi" element={<BulkUsers />} />
          <Route path="/admin/tps" element={<CreateTp />} />
          <Route path="/admin/ji-create" element={<CreateJi />} />
          <Route path="/admin/users" element={<Users />} />
          <Route path="/admin/sites" element={<Sites />} />
          <Route path="/settings" element={<CreateTp />} />
        </Routes>
      </Navigation>
      <ToastContainer />
    </BrowserRouter>
  );
}

export default App;
