import { Navigate, useLocation } from 'react-router-dom';
import { useState, useEffect } from 'react';
import { useOpenedFile } from '@app/hooks/useOpenedFile';
import { useBackendInitializer } from '@app/hooks/useBackendInitializer';
import { fileOpenService } from '@app/services/fileOpenService';
import { useAuth } from '@app/auth/UseSession';
import { useAppConfig } from '@app/contexts/AppConfigContext';
import HomePage from '@app/pages/HomePage';
import Login from '@app/routes/Login';

/**
 * Landing component - Smart router based on authentication status
 *
 * If login is disabled: Show HomePage directly (anonymous mode)
 * If user is authenticated: Show HomePage
 * If user is not authenticated: Show Login or redirect to /login
 */
export default function Landing() {
  const { session, loading: authLoading } = useAuth();
  const { config, loading: configLoading } = useAppConfig();
  const location = useLocation();

  const loading = authLoading || configLoading;

  console.log('[Landing] State:', {
    pathname: location.pathname,
    loading,
    hasSession: !!session,
    loginEnabled: config?.enableLogin,
  });

  // Initialize backend on app startup
  useBackendInitializer();

  // Handle file opened with app (Tauri mode)
  const { openedFilePath, loading: openedFileLoading } = useOpenedFile();
  const [openedFile, setOpenedFile] = useState<File | null>(null);

  // Load opened file once when path is available
  useEffect(() => {
    if (openedFilePath && !openedFileLoading) {
      const loadOpenedFile = async () => {
        try {
          const fileData = await fileOpenService.readFileAsArrayBuffer(openedFilePath);
          if (fileData) {
            // Create a File object from the ArrayBuffer
            const file = new File([fileData.arrayBuffer], fileData.fileName, {
              type: 'application/pdf'
            });
            setOpenedFile(file);
          }
        } catch (error) {
          console.error('Failed to load opened file:', error);
        }
      };

      loadOpenedFile();
    }
  }, [openedFilePath, openedFileLoading]);

  // Show loading while checking auth and config
  if (loading) {
    return (
      <div style={{ minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
        <div className="text-center">
          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-3"></div>
          <div className="text-gray-600">
            Loading...
          </div>
        </div>
      </div>
    );
  }

  // If login is disabled, show app directly (anonymous mode)
  if (config?.enableLogin === false) {
    console.debug('[Landing] Login disabled - showing app in anonymous mode');
    return <HomePage openedFile={openedFile} />;
  }

  // If we have a session, show the main app
  if (session) {
    return <HomePage openedFile={openedFile} />;
  }

  // If we're at home route ("/"), show login directly (marketing/landing page)
  // Otherwise navigate to login (fixes URL mismatch for tool routes)
  const isHome = location.pathname === '/' || location.pathname === '';
  if (isHome) {
    return <Login />;
  }

  // For non-home routes without auth, navigate to login (preserves from location)
  return <Navigate to="/login" replace state={{ from: location }} />;
}