GestionIntegralWeb/Frontend/src/routes/AppRoutes.tsx

// src/routes/AppRoutes.tsx
import React, { type JSX } from 'react';
import { BrowserRouter, Routes, Route, Navigate, Outlet } from 'react-router-dom';
import LoginPage from '../pages/LoginPage';
import HomePage from '../pages/HomePage';
import { useAuth } from '../contexts/AuthContext';
import MainLayout from '../layouts/MainLayout';
import { Typography } from '@mui/material';

// Distribución
import DistribucionIndexPage from '../pages/Distribucion/DistribucionIndexPage';
import ESCanillasPage from '../pages/Distribucion/ESCanillasPage';
import ControlDevolucionesPage from '../pages/Distribucion/ControlDevolucionesPage';
import ESDistribuidoresPage from '../pages/Distribucion/ESDistribuidoresPage';
import SalidasOtrosDestinosPage from '../pages/Distribucion/SalidasOtrosDestinosPage';
import CanillasPage from '../pages/Distribucion/CanillasPage';
import DistribuidoresPage from '../pages/Distribucion/DistribuidoresPage';
import PublicacionesPage from '../pages/Distribucion/PublicacionesPage';
import OtrosDestinosPage from '../pages/Distribucion/OtrosDestinosPage';
import GestionarZonasPage from '../pages/Distribucion/GestionarZonasPage';
import GestionarEmpresasPage from '../pages/Distribucion/GestionarEmpresasPage';

// Impresión
import ImpresionIndexPage from '../pages/Impresion/ImpresionIndexPage';
import GestionarPlantasPage from '../pages/Impresion/GestionarPlantasPage';
import GestionarTiposBobinaPage from '../pages/Impresion/GestionarTiposBobinaPage';
import GestionarEstadosBobinaPage from '../pages/Impresion/GestionarEstadosBobinaPage';

// Contables
import ContablesIndexPage from '../pages/Contables/ContablesIndexPage';
import GestionarTiposPagoPage from '../pages/Contables/GestionarTiposPagoPage';

// --- ProtectedRoute y PublicRoute SIN CAMBIOS ---
const ProtectedRoute: React.FC<{ children: JSX.Element }> = ({ children }) => {
  const { isAuthenticated, isLoading } = useAuth();
  // console.log("ProtectedRoute Check:", { path: window.location.pathname, isAuthenticated, isLoading });
  if (isLoading) return null;
  if (!isAuthenticated) {
    //    console.log("ProtectedRoute: Not authenticated, redirecting to /login");
    return <Navigate to="/login" replace />;
  }
  // console.log("ProtectedRoute: Authenticated, rendering children");
  return children;
};
const PublicRoute: React.FC<{ children: JSX.Element }> = ({ children }) => {
  const { isAuthenticated, isLoading } = useAuth();
  // console.log("PublicRoute Check:", { path: window.location.pathname, isAuthenticated, isLoading });
  if (isLoading) return null;
  if (isAuthenticated) {
    // console.log("PublicRoute: Authenticated, redirecting to /");
    return <Navigate to="/" replace />;
  }
  // console.log("PublicRoute: Not authenticated, rendering children");
  return children;
};
// --- Fin Protected/Public ---

const MainLayoutWrapper: React.FC = () => (
  <MainLayout>
    <Outlet />
  </MainLayout>
);

// Placeholder simple
const PlaceholderPage: React.FC<{ moduleName: string }> = ({ moduleName }) => (
  <Typography variant="h5" sx={{ p: 2 }}>Página Principal del Módulo: {moduleName}</Typography>
);

const AppRoutes = () => {
  return (
    <BrowserRouter>
      <Routes> {/* Un solo <Routes> de nivel superior */}
        <Route path="/login" element={<PublicRoute><LoginPage /></PublicRoute>} />

        {/* Rutas Protegidas que usan el MainLayout */}
        <Route
          path="/" // La ruta padre para todas las secciones protegidas
          element={
            <ProtectedRoute>
              <MainLayoutWrapper />
            </ProtectedRoute>
          }
        >
          {/* Rutas hijas que se renderizarán en el Outlet de MainLayoutWrapper */}
          <Route index element={<HomePage />} /> {/* Para la ruta exacta "/" */}

          {/* Módulo de Distribución (anidado) */}
          <Route path="distribucion" element={<DistribucionIndexPage />}>
            <Route index element={<Navigate to="es-canillas" replace />} />
            <Route path="es-canillas" element={<ESCanillasPage />} />
            <Route path="control-devoluciones" element={<ControlDevolucionesPage />} />
            <Route path="es-distribuidores" element={<ESDistribuidoresPage />} />
            <Route path="salidas-otros-destinos" element={<SalidasOtrosDestinosPage />} />
            <Route path="canillas" element={<CanillasPage />} />
            <Route path="distribuidores" element={<DistribuidoresPage />} />
            <Route path="publicaciones" element={<PublicacionesPage />} />
            <Route path="otros-destinos" element={<OtrosDestinosPage />} />
            <Route path="zonas" element={<GestionarZonasPage />} />
            <Route path="empresas" element={<GestionarEmpresasPage />} />
          </Route>

          {/* Módulo Contable (anidado) */}
          <Route path="contables" element={<ContablesIndexPage />}>
            <Route index element={<Navigate to="tipos-pago" replace />} />
            <Route path="tipos-pago" element={<GestionarTiposPagoPage />} />
            {/* Futuras sub-rutas de contables aquí */}
          </Route>

          {/* Módulo de Impresión (anidado) */}
          <Route path="impresion" element={<ImpresionIndexPage />}>
            <Route index element={<Navigate to="plantas" replace />} />
            <Route path="plantas" element={<GestionarPlantasPage />} />
            <Route path="tipos-bobina" element={<GestionarTiposBobinaPage />} />
            <Route path="estados-bobina" element={<GestionarEstadosBobinaPage />} />
          </Route>

          {/* Otros Módulos Principales (estos son "finales", no tienen más hijos) */}
          <Route path="impresion" element={<PlaceholderPage moduleName="Impresión" />} />
          <Route path="reportes" element={<PlaceholderPage moduleName="Reportes" />} />
          <Route path="radios" element={<PlaceholderPage moduleName="Radios" />} />
          {/* <Route path="usuarios" element={<PlaceholderPage moduleName="Usuarios" />} /> */}

          {/* Ruta catch-all DENTRO del layout protegido */}
          <Route path="*" element={<Navigate to="/" replace />} />
        </Route> {/* Cierre de la ruta padre "/" */}

        {/* Podrías tener un catch-all global aquí si una ruta no coincide EN ABSOLUTO,
          pero el path="*" dentro de la ruta "/" ya debería manejar la mayoría de los casos
          después de un login exitoso.
          Si un usuario no autenticado intenta una ruta inválida, ProtectedRoute lo manda a /login.
      */}
        {/* <Route path="*" element={<Navigate to="/login" replace />} /> */}

      </Routes>
    </BrowserRouter>
  );
};

export default AppRoutes;