import { Toaster } from "@/components/ui/toaster";
import { Toaster as Sonner } from "@/components/ui/sonner";
import { TooltipProvider } from "@/components/ui/tooltip";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { BrowserRouter, Routes, Route, useLocation } from "react-router-dom";
import { ThemeProvider } from "next-themes";
import { AuthProvider, useAuth } from "@/components/auth/AuthProvider";
import { ProtectedRoute } from "@/components/auth/ProtectedRoute";
import { useSessionSecurity } from "@/hooks/useSessionSecurity";
import AdvancedChatAssistant from "@/components/chat/AdvancedChatAssistant";
import Index from "./pages/Index";
import BotAssistant from "./pages/BotAssistant";
import MinutaDigital from "./pages/MinutaDigital";
import TeEscuchamos from "./pages/TeEscuchamos";
import ReservarZona from "./pages/ReservarZona";
import Visitantes from "./pages/Visitantes";
import Encomiendas from "./pages/Encomiendas";
import Citofonia from "./pages/Citofonia";
import Anuncios from "./pages/Anuncios";
import Documentos from "./pages/Documentos";
import Configuracion from "./pages/Configuracion";
import Mantenimiento from "./pages/Mantenimiento";
import Mantenimientos from "./pages/Mantenimientos";
import GestionUsuarios from "./pages/GestionUsuarios";
import CalendarioEventos from "./pages/CalendarioEventos";
import HistorialComportamiento from "./pages/HistorialComportamiento";
import Chat from "./pages/Chat";
import Auth from "./pages/Auth";
import NotFound from "./pages/NotFound";
import Activities from "./pages/Activities";
import SwimmingClasses from "./pages/SwimmingClasses";
import ProtectedSwimmingRegistration from "./components/auth/ProtectedSwimmingRegistration";
import ProtectedSwimmingAdmin from "./components/auth/ProtectedSwimmingAdmin";
import ProtectedSwimmingStatus from "./components/auth/ProtectedSwimmingStatus";
import { MobileCSS } from "./components/layout/MobileCSS";
import { PanicButton } from "./components/security/PanicButton";
import { IncomingCallNotification } from "./components/resident/IncomingCallNotification";
import EmergencyPanel from "./pages/EmergencyPanel";
import GuardCallPanel from "./pages/GuardCallPanel";
import DashboardCoordinador from "./pages/DashboardCoordinador";
import GestionCoordinadores from "./pages/GestionCoordinadores";
import PoliticasPrivacidad from "./pages/PoliticasPrivacidad";

const queryClient = new QueryClient();

const AppContent = () => {
  // TEMPORALMENTE DESHABILITADO - Causaba loops infinitos
  // useSessionSecurity();
  
  console.log("AppContent: Renderizando sin useSessionSecurity");
  
  return (
    <BrowserRouter>
      <Routes>
            <Route path="/" element={<ProtectedRoute><Index /></ProtectedRoute>} />
            <Route path="/dashboard" element={<ProtectedRoute><Index /></ProtectedRoute>} />
            <Route path="/auth" element={<Auth />} />
            <Route path="/minuta-digital" element={<ProtectedRoute requiresLayout={false}><MinutaDigital /></ProtectedRoute>} />
            <Route path="/te-escuchamos" element={<ProtectedRoute requiresLayout={false}><TeEscuchamos /></ProtectedRoute>} />
            <Route path="/reservar-zona" element={<ProtectedRoute requiresLayout={false}><ReservarZona /></ProtectedRoute>} />
            <Route path="/visitantes" element={<ProtectedRoute requiresLayout={false}><Visitantes /></ProtectedRoute>} />
            <Route path="/encomiendas" element={<ProtectedRoute requiresLayout={false}><Encomiendas /></ProtectedRoute>} />
            <Route path="/citofonia" element={<ProtectedRoute><Citofonia /></ProtectedRoute>} />
            <Route path="/anuncios" element={<ProtectedRoute requiresLayout={false}><Anuncios /></ProtectedRoute>} />
            <Route path="/documentos" element={<ProtectedRoute requiresLayout={false}><Documentos /></ProtectedRoute>} />
            <Route path="/mantenimiento" element={<ProtectedRoute requiresLayout={false}><Mantenimiento /></ProtectedRoute>} />
            <Route path="/mantenimientos" element={<ProtectedRoute><Mantenimientos /></ProtectedRoute>} />
            <Route path="/gestion-usuarios" element={<ProtectedRoute><GestionUsuarios /></ProtectedRoute>} />
            <Route path="/historial-comportamiento" element={<ProtectedRoute><HistorialComportamiento /></ProtectedRoute>} />
            <Route path="/chat" element={<ProtectedRoute requiresLayout={false}><Chat /></ProtectedRoute>} />
            <Route path="/asistente-bot" element={<ProtectedRoute><BotAssistant /></ProtectedRoute>} />
            <Route path="/calendario" element={<ProtectedRoute requiresLayout={false}><CalendarioEventos /></ProtectedRoute>} />
            <Route path="/configuracion" element={<ProtectedRoute requiresLayout={false}><Configuracion /></ProtectedRoute>} />
            <Route path="/actividades" element={<ProtectedRoute><Activities /></ProtectedRoute>} />
            <Route path="/actividades/natacion" element={<ProtectedRoute><SwimmingClasses /></ProtectedRoute>} />
            <Route path="/actividades/natacion/inscripcion" element={<ProtectedRoute><ProtectedSwimmingRegistration /></ProtectedRoute>} />
            <Route path="/actividades/natacion/estado" element={<ProtectedRoute><ProtectedSwimmingStatus /></ProtectedRoute>} />
            <Route path="/actividades/natacion/admin" element={<ProtectedRoute><ProtectedSwimmingAdmin /></ProtectedRoute>} />
            <Route path="/emergencias" element={<ProtectedRoute><EmergencyPanel /></ProtectedRoute>} />
            <Route path="/llamadas" element={<ProtectedRoute><GuardCallPanel /></ProtectedRoute>} />
            <Route path="/dashboard-coordinador" element={<ProtectedRoute requiresLayout={false}><DashboardCoordinador /></ProtectedRoute>} />
            <Route path="/gestion-coordinadores" element={<ProtectedRoute><GestionCoordinadores /></ProtectedRoute>} />
            <Route path="/politicas-privacidad" element={<ProtectedRoute requiresLayout={false}><PoliticasPrivacidad /></ProtectedRoute>} />
            {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
            <Route path="*" element={<NotFound />} />
      </Routes>
      <ConditionalChatAssistant />
      <ConditionalPanicButton />
      <ConditionalIncomingCalls />
      <MobileCSS />
    </BrowserRouter>
  );
};

// Componente que maneja cuándo mostrar el chat (DENTRO del BrowserRouter)
const ConditionalChatAssistant = () => {
  const { user } = useAuth();
  const location = useLocation();

  // Rutas donde NO debe aparecer el chat (login, coordinator dashboard, y página dedicada del bot)
  const hideChatRoutes = ['/auth', '/dashboard-coordinador', '/asistente-bot'];
  const shouldShowChat = user && !hideChatRoutes.includes(location.pathname);

  return shouldShowChat ? <AdvancedChatAssistant /> : null;
};

// Componente que maneja cuándo mostrar el botón de pánico
const ConditionalPanicButton = () => {
  const { user } = useAuth();
  const location = useLocation();

  // Solo mostrar en rutas protegidas, excepto en auth y coordinator dashboard
  const hidePanicRoutes = ['/auth', '/dashboard-coordinador'];
  const shouldShowPanic = user && !hidePanicRoutes.includes(location.pathname);

  return shouldShowPanic ? <PanicButton /> : null;
};

// Componente que maneja las notificaciones de llamadas entrantes
const ConditionalIncomingCalls = () => {
  // Temporalmente deshabilitado para debug
  return null;

  // const { user, profile } = useAuth();
  // const location = useLocation();

  // // Solo mostrar para residentes autenticados, excepto en auth
  // const hideCallRoutes = ['/auth'];
  // const shouldShowCalls = user && profile?.role === 'residente' && !hideCallRoutes.includes(location.pathname);

  // return shouldShowCalls ? <IncomingCallNotification /> : null;
};

const App = () => (
  <QueryClientProvider client={queryClient}>
    <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
      <AuthProvider>
        <TooltipProvider>
          <Toaster />
          <Sonner />
          <AppContent />
        </TooltipProvider>
      </AuthProvider>
    </ThemeProvider>
  </QueryClientProvider>
);

export default App;