import { StrictMode, type ReactNode } from "react";
import { createRoot } from "react-dom/client";
import { BrowserRouter, Navigate, Route, Routes, useLocation } from "react-router-dom";
import { AppShell } from "./components/Shell";
import { Spinner } from "./components/ui";
import "./index.css";
import { AuthProvider, useAuth } from "./lib/auth";
import { I18nProvider } from "./lib/i18n";
import Applications from "./pages/Applications";
import Apply from "./pages/Apply";
import Board from "./pages/Board";
import CvPage from "./pages/Cv";
import Auth from "./pages/Auth";
import Dashboard from "./pages/Dashboard";
import History from "./pages/History";
import InterviewRoom from "./pages/InterviewRoom";
import JobEditor from "./pages/JobEditor";
import JobDetail from "./pages/JobDetail";
import Jobs from "./pages/Jobs";
import Landing from "./pages/Landing";
import NewInterview from "./pages/NewInterview";
import Onboarding from "./pages/Onboarding";
import ReportPage from "./pages/Report";
import SettingsPage from "./pages/Settings";

// apply the saved theme before first paint
try {
  const s = localStorage.getItem("evalbot_theme");
  if (s === "dark" || (!s && window.matchMedia("(prefers-color-scheme: dark)").matches)) document.documentElement.classList.add("dark");
} catch {
  /* ignore */
}

/** Signed-in pages. `role` keeps company accounts and job seekers in their own parts of the app. */
function Private({ children, bare, role }: { children: ReactNode; bare?: boolean; role?: "candidate" | "recruiter" }) {
  const { ready, profile } = useAuth();
  const loc = useLocation();
  if (!ready) return <Spinner />;
  if (!profile) return <Navigate to={`/login?next=${encodeURIComponent(loc.pathname + loc.search)}`} replace />;
  if (role && profile.role !== role) return <Navigate to="/app" replace />;
  return bare ? <>{children}</> : <AppShell>{children}</AppShell>;
}

/** The job board is public; signed-in job seekers see it inside the app. */
function JobsPublic() {
  const { ready, profile } = useAuth();
  if (!ready) return <Spinner />;
  return profile?.role === "candidate" ? <Navigate to="/app/board" replace /> : <Board />;
}

createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <I18nProvider>
      <AuthProvider>
        <BrowserRouter>
          <Routes>
            <Route path="/" element={<Landing />} />
            <Route path="/login" element={<Auth mode="signin" />} />
            <Route path="/signup" element={<Auth mode="signup" />} />
            <Route path="/jobs" element={<JobsPublic />} />
            <Route path="/apply/:token" element={<Apply />} />
            <Route path="/app/welcome" element={<Private bare><Onboarding /></Private>} />
            <Route path="/app" element={<Private><Dashboard /></Private>} />
            <Route path="/app/new" element={<Private role="candidate"><NewInterview /></Private>} />
            <Route path="/app/history" element={<Private role="candidate"><History /></Private>} />
            <Route path="/app/board" element={<Private role="candidate"><Board inApp /></Private>} />
            <Route path="/app/applications" element={<Private role="candidate"><Applications /></Private>} />
            <Route path="/app/cv" element={<Private role="candidate"><CvPage /></Private>} />
            <Route path="/app/interview/:id" element={<Private bare><InterviewRoom /></Private>} />
            <Route path="/app/report/:id" element={<Private><ReportPage /></Private>} />
            <Route path="/app/settings" element={<Private><SettingsPage /></Private>} />
            <Route path="/app/jobs" element={<Private role="recruiter"><Jobs /></Private>} />
            <Route path="/app/jobs/new" element={<Private role="recruiter"><JobEditor /></Private>} />
            <Route path="/app/jobs/:id/edit" element={<Private role="recruiter"><JobEditor /></Private>} />
            <Route path="/app/jobs/:id" element={<Private role="recruiter"><JobDetail /></Private>} />
            <Route path="*" element={<Navigate to="/" replace />} />
          </Routes>
        </BrowserRouter>
      </AuthProvider>
    </I18nProvider>
  </StrictMode>,
);