import React from "react";
import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
import { AuthProvider } from "./context/AuthContext";
import RequireAuth from "./components/auth/RequireAuth";
import { GeneratorWorkflowProvider } from "./context/GeneratorWorkflowContext";
import EmailSequenceGenerator from "./pages/EmailSequenceGenerator";
import Contacts from "./pages/Contacts";
import Companies from "./pages/Companies";
import Leads from "./pages/Leads";
import Deals from "./pages/Deals";
import SalesDashboard from "./pages/SalesDashboard";
import Settings from "./pages/Settings";
import Qualifier from "./pages/Qualifier";
import CtaFormEmbed from "./pages/CtaFormEmbed";
import LandingPagePublic from "./pages/LandingPagePublic";
import "./index.css";

export default function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/embed/cta/:publicId" element={<CtaFormEmbed />} />
        <Route path="/lp/:publicId" element={<LandingPagePublic />} />
        <Route
          path="/*"
          element={
            <AuthProvider>
              <RequireAuth>
                <GeneratorWorkflowProvider>
                  <Routes>
                    <Route path="/" element={<EmailSequenceGenerator />} />
                    <Route path="/contacts" element={<Contacts />} />
                    <Route path="/companies" element={<Companies />} />
                    <Route path="/leads" element={<Leads />} />
                    <Route path="/deals" element={<Deals />} />
                    <Route path="/dashboard" element={<SalesDashboard />} />
                    <Route path="/qualifier" element={<Qualifier />} />
                    <Route path="/settings" element={<Settings />} />
                    <Route path="/history" element={<Navigate to="/leads" replace />} />
                  </Routes>
                </GeneratorWorkflowProvider>
              </RequireAuth>
            </AuthProvider>
          }
        />
      </Routes>
    </BrowserRouter>
  );
}