import React, { useEffect } from 'react';
import { Box } from 'ink';
import { AuthProvider, useAuth } from './state/auth-context.js';
import { NavigationProvider, useNavigation } from './state/navigation-context.js';
import { LoginScreen } from './components/auth/LoginScreen.js';
import { MainMenu } from './components/MainMenu.js';
import { MainLayout } from './components/layout/MainLayout.js';
import { LoadingSpinner } from './components/shared/LoadingSpinner.js';
import { UserListScreen } from './components/users/UserListScreen.js';
import { UserCreateScreen } from './components/users/UserCreateScreen.js';
import { UserDetailScreen } from './components/users/UserDetailScreen.js';
import { ChangePasswordScreen } from './components/users/ChangePasswordScreen.js';
import { RoleListScreen } from './components/roles/RoleListScreen.js';
import { RoleDetailScreen } from './components/roles/RoleDetailScreen.js';
// Stammdaten
import { MasterdataMenu } from './components/masterdata/MasterdataMenu.js';
import { CategoryListScreen } from './components/masterdata/categories/CategoryListScreen.js';
import { CategoryDetailScreen } from './components/masterdata/categories/CategoryDetailScreen.js';
import { CategoryCreateScreen } from './components/masterdata/categories/CategoryCreateScreen.js';
import { SupplierListScreen } from './components/masterdata/suppliers/SupplierListScreen.js';
import { SupplierDetailScreen } from './components/masterdata/suppliers/SupplierDetailScreen.js';
import { SupplierCreateScreen } from './components/masterdata/suppliers/SupplierCreateScreen.js';
import { RateSupplierScreen } from './components/masterdata/suppliers/RateSupplierScreen.js';
import { AddCertificateScreen } from './components/masterdata/suppliers/AddCertificateScreen.js';
import { ArticleListScreen } from './components/masterdata/articles/ArticleListScreen.js';
import { ArticleDetailScreen } from './components/masterdata/articles/ArticleDetailScreen.js';
import { ArticleCreateScreen } from './components/masterdata/articles/ArticleCreateScreen.js';
import { AddSalesUnitScreen } from './components/masterdata/articles/AddSalesUnitScreen.js';
import { CustomerListScreen } from './components/masterdata/customers/CustomerListScreen.js';
import { CustomerDetailScreen } from './components/masterdata/customers/CustomerDetailScreen.js';
import { CustomerCreateScreen } from './components/masterdata/customers/CustomerCreateScreen.js';
import { AddDeliveryAddressScreen } from './components/masterdata/customers/AddDeliveryAddressScreen.js';
import { SetPreferencesScreen } from './components/masterdata/customers/SetPreferencesScreen.js';
// Lagerverwaltung
import { InventoryMenu } from './components/inventory/InventoryMenu.js';
import { StorageLocationListScreen } from './components/inventory/StorageLocationListScreen.js';
import { StorageLocationCreateScreen } from './components/inventory/StorageLocationCreateScreen.js';
import { StorageLocationDetailScreen } from './components/inventory/StorageLocationDetailScreen.js';
// Produktion
import { ProductionMenu } from './components/production/ProductionMenu.js';
import { RecipeListScreen } from './components/production/RecipeListScreen.js';
import { RecipeCreateScreen } from './components/production/RecipeCreateScreen.js';
import { RecipeDetailScreen } from './components/production/RecipeDetailScreen.js';
import { AddProductionStepScreen } from './components/production/AddProductionStepScreen.js';

function ScreenRouter() {
  const { isAuthenticated, loading } = useAuth();
  const { current, navigate } = useNavigation();

  // Redirect zu main-menu nach erfolgreichem Login
  useEffect(() => {
    if (isAuthenticated && current === 'login') {
      navigate('main-menu');
    }
  }, [isAuthenticated, current, navigate]);

  if (loading) {
    return (
      <Box alignItems="center" justifyContent="center" paddingY={4}>
        <LoadingSpinner label="Initialisiere..." />
      </Box>
    );
  }

  if (!isAuthenticated) {
    return (
      <MainLayout showHeader={false}>
        <LoginScreen />
      </MainLayout>
    );
  }

  return (
    <MainLayout>
      {current === 'main-menu' && <MainMenu />}
      {current === 'user-list' && <UserListScreen />}
      {current === 'user-create' && <UserCreateScreen />}
      {current === 'user-detail' && <UserDetailScreen />}
      {current === 'change-password' && <ChangePasswordScreen />}
      {current === 'role-list' && <RoleListScreen />}
      {current === 'role-detail' && <RoleDetailScreen />}
      {/* Stammdaten */}
      {current === 'masterdata-menu' && <MasterdataMenu />}
      {current === 'category-list' && <CategoryListScreen />}
      {current === 'category-detail' && <CategoryDetailScreen />}
      {current === 'category-create' && <CategoryCreateScreen />}
      {current === 'supplier-list' && <SupplierListScreen />}
      {current === 'supplier-detail' && <SupplierDetailScreen />}
      {current === 'supplier-create' && <SupplierCreateScreen />}
      {current === 'supplier-rate' && <RateSupplierScreen />}
      {current === 'supplier-add-certificate' && <AddCertificateScreen />}
      {current === 'article-list' && <ArticleListScreen />}
      {current === 'article-detail' && <ArticleDetailScreen />}
      {current === 'article-create' && <ArticleCreateScreen />}
      {current === 'article-add-sales-unit' && <AddSalesUnitScreen />}
      {current === 'customer-list' && <CustomerListScreen />}
      {current === 'customer-detail' && <CustomerDetailScreen />}
      {current === 'customer-create' && <CustomerCreateScreen />}
      {current === 'customer-add-delivery-address' && <AddDeliveryAddressScreen />}
      {current === 'customer-set-preferences' && <SetPreferencesScreen />}
      {/* Lagerverwaltung */}
      {current === 'inventory-menu' && <InventoryMenu />}
      {current === 'storage-location-list' && <StorageLocationListScreen />}
      {current === 'storage-location-create' && <StorageLocationCreateScreen />}
      {current === 'storage-location-detail' && <StorageLocationDetailScreen />}
      {/* Produktion */}
      {current === 'production-menu' && <ProductionMenu />}
      {current === 'recipe-list' && <RecipeListScreen />}
      {current === 'recipe-create' && <RecipeCreateScreen />}
      {current === 'recipe-detail' && <RecipeDetailScreen />}
      {current === 'recipe-add-production-step' && <AddProductionStepScreen />}
    </MainLayout>
  );
}

export function App() {
  return (
    <NavigationProvider initialScreen="login">
      <AuthProvider>
        <ScreenRouter />
      </AuthProvider>
    </NavigationProvider>
  );
}