import React from 'react'
import {
  Routes, Route, BrowserRouter
} from 'react-router-dom';
import './App.css';
import LoginPage from './FrontendPages/LoginPage.jsx';
import RegisterPage from './FrontendPages/RegisterPage.jsx';
import DashboardPage from './FrontendPages/DashboardPage.jsx';
import Header from './FrontendPages/HeaderBar.jsx';
import EditGamePage from './FrontendPages/EditGamePage.jsx';
import EditQuestionPage from './FrontendPages/EditQuestionPage';
import JoinGamePage from './FrontendPages/JoinGamePage.jsx'
import PlayGamePage from './FrontendPages/PlayGamePage.jsx';
import AdminPanelPage from './FrontendPages/AdminPanelPage.jsx';
import ResultsPage from './FrontendPages/ResultsPage.jsx';

function App () {
  return (
    <BrowserRouter>
      <Header />
      <Routes>
        <Route exact path="/" element={<LoginPage />} />
        <Route exact path="/login" element={<LoginPage />} />
        <Route exact path="/signup" element={<RegisterPage />} />
        <Route exact path="/dashboard" element={<DashboardPage />} />
        <Route exact path="/edit/game/:gId" element={<EditGamePage />} />
        <Route exact path="/edit/game/:gId/:qId" element={<EditQuestionPage />} />
        <Route exact path="/admin/panel/:sId/:gId" element={<AdminPanelPage />} />
        <Route exact path="/join" element={<JoinGamePage />} />
        <Route exact path="/join/:sId" element={<JoinGamePage />} />
        <Route exact path="/play/:sId/:playerId" element={<PlayGamePage />} />
        <Route exact path="/quiz/results/:gId/:resultId" element={<ResultsPage />} />
      </Routes>
    </BrowserRouter>
  );
}

export default App;