import { useState, useEffect } from "react"
import { BrowserRouter as Router, Route, Routes } from "react-router-dom"
import AuthRegister from "./pages/Auth/AuthRegister"
import AuthLogin from "./pages/Auth/AuthLogin"
import Test from "./pages/Testing/Test"
import ForgotPassword from "./pages/Auth/ForgotPassword"
import ResetPassword from "./pages/Auth/ResetPassword"
import Landingpage from "./pages/Landing/Landingpage"
import Home from "./pages/Landing/Home"
import DeckManagerPage from "./pages/Decks/DeckManagerPage"
import Card_display from "./pages/Decks/Card_display"
import DeckCreator from "./pages/DeckCreator/DeckCreator"
import CompanyHub from "./pages/Contacts/Contacts"
import About from "./pages/About/About"
import ScrollToTop from "./components/ScrollToTop"
import GameScreen from "./pages/Game/GameScreen"
import Reports from "./pages/Report/Reports"
import Lobby from "./pages/Lobby/Lobby"
import ProfileCard from "./components/Userdetails/Userdetails"
import { ToastConfig } from "./components/Toastify/toastifyServices" // ✅ fontos: named import, nem default!
import VerifyEmailPage from "./pages/Auth/VerifyEmailPage"

function App() {
  const [isMobile, setIsMobile] = useState(false)

  useEffect(() => {
    const handleResize = () => {
      setIsMobile(window.innerWidth <= 1280)
    }

    handleResize()
    window.addEventListener("resize", handleResize)

    return () => window.removeEventListener("resize", handleResize)
  }, [])

  // if (isMobile) {
  //   return (
  //     <Router>
  //       <Routes>
  //         <Route path="/register" element={<AuthRegister />} />
  //         <Route path="/login" element={<AuthLogin />} />
  //         <Route path="/verify-email" element={<EmailVerification />} />
  //       </Routes>
  //     </Router>
  //   );
  // }

  return (
    <>
      <Router>
        <Routes>
          <Route path="/verify-email" element={<VerifyEmailPage />} />
          <Route path="/about" element={<About />} />
          <Route path="/lobby" element={<Lobby />} />
          <Route path="/register" element={<AuthRegister />} />
          <Route path="/login" element={<AuthLogin />} />
          <Route path="/forgot-password" element={<ForgotPassword />} />
          <Route path="/reset-password" element={<ResetPassword />} />
          <Route path="/profile" element={<ProfileCard />} />
          <Route path="/test" element={<Test />} />
          <Route path="/" element={<Landingpage />} />
          <Route path="/home" element={<Home />} />
          <Route path="/decks" element={<DeckManagerPage />} />
          <Route path="/deck/:deckId" element={<Card_display />} />
          <Route path="/deck-creator" element={<DeckCreator />} />
          <Route path="/deck-creator/:deckId" element={<DeckCreator />} />
          <Route path="/game" element={<GameScreen />} />
          {/* <Route path="/contacts" element={<CompanyHub />} /> */}
          <Route path="/report" element={<Reports />} />
        </Routes>
      </Router>

      {/* ✅ Toastify Container */}
      <ToastConfig />
    </>
  )
}

export default App