import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { Toaster } from 'react-hot-toast';

import { Layout } from './components/Layout';
import { Home } from './pages/Home';
import { Search } from './pages/Search';
import { Check } from './pages/Check';
import { Bibliography } from './pages/Bibliography';
import { Cabinet } from './pages/Cabinet';
import { Settings } from './pages/Settings';
import { Task } from './pages/Task';
import { Pricing } from './pages/Pricing';
import { Login } from './pages/Login';
import { Register } from './pages/Register';
import { OAuthCallback } from './pages/OAuthCallback';
import { VerifyEmail } from './pages/VerifyEmail';
import { AdminLayout } from './pages/admin/AdminLayout';
import { Dashboard } from './pages/admin/Dashboard';
import { Users as AdminUsers } from './pages/admin/Users';
import { Works as AdminWorks } from './pages/admin/Works';
import { Documents as AdminDocuments } from './pages/admin/Documents';
import { Storage as AdminStorage } from './pages/admin/Storage';
import { Sources as AdminSources } from './pages/admin/Sources';
import { Staging as AdminStaging } from './pages/admin/Staging';
import { Debug as AdminDebug } from './pages/admin/Debug';

import './index.css';

const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      staleTime: 30000,
      retry: 1,
    },
  },
});

// Маршруты пользовательской части (обёрнуты в общий Layout)
function PublicApp() {
  return (
    <Layout>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/search" element={<Search />} />
        <Route path="/check" element={<Check />} />
        <Route path="/bibliography" element={<Bibliography />} />
        <Route path="/cabinet" element={<Cabinet />} />
        <Route path="/settings" element={<Settings />} />
        <Route path="/tasks/:taskId" element={<Task />} />
        <Route path="/pricing" element={<Pricing />} />
        <Route path="/login" element={<Login />} />
        <Route path="/register" element={<Register />} />
        <Route path="/oauth/callback" element={<OAuthCallback />} />
        <Route path="/verify-email/:token" element={<VerifyEmail />} />
      </Routes>
    </Layout>
  );
}

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <QueryClientProvider client={queryClient}>
      <BrowserRouter>
        <Routes>
          {/* Админка — собственный layout, защита по is_admin + коду сессии */}
          <Route
            path="/admin/:code/*"
            element={
              <AdminLayout>
                <Routes>
                  <Route path="dashboard" element={<Dashboard />} />
                  <Route path="users" element={<AdminUsers />} />
                  <Route path="works" element={<AdminWorks />} />
                  <Route path="documents" element={<AdminDocuments />} />
                  <Route path="storage" element={<AdminStorage />} />
                  <Route path="sources" element={<AdminSources />} />
                  <Route path="staging" element={<AdminStaging />} />
                  <Route path="debug" element={<AdminDebug />} />
                  <Route path="*" element={<Dashboard />} />
                </Routes>
              </AdminLayout>
            }
          />
          {/* Всё остальное — пользовательская часть */}
          <Route path="/*" element={<PublicApp />} />
        </Routes>
      </BrowserRouter>
      <Toaster
        position="top-right"
        toastOptions={{
          duration: 4000,
          style: {
            borderRadius: '12px',
            fontSize: '14px',
          },
        }}
      />
    </QueryClientProvider>
  </React.StrictMode>
);