import { AppSidebar } from "@/components/app-sidebar";
import { Dashboard } from "@/components/dashboard";
import { DashboardBreadcrumbs } from "@/components/dashboard-breadcrumbs";
import { LicenseActivationBanner } from "@/components/license-activation-banner";
import {
  SidebarInset,
  SidebarProvider,
  SidebarTrigger,
} from "@/components/ui/sidebar";
import { Toaster } from "@/components/ui/toast";
import { TooltipProvider } from "@/components/ui/tooltip";
import {
  NavigationProvider,
  useNavigation,
} from "@/contexts/navigation-context";
import { ProProvider } from "@/contexts/pro-context";
import { FieldEditorSettings } from "@/features/checkout/field-editor";
import { CookieConsentSettings } from "@/features/compliance/cookie-consent";
import { CurrencySwitcherSettings } from "@/features/currencies/currency-switcher";
import { RegistrationFormSettings } from "@/features/customization/registration-form";
import { GlobalsProvider, GlobalsSettings } from "@/features/globals";
import { AbandonedCartSettings } from "@/features/notifications/abandoned-cart";
import { BackInStockSettings } from "@/features/notifications/back-in-stock";
import { AddedToCartSettings } from "@/features/popups/added-to-cart";
import { AjaxSearchSettings } from "@/features/products/ajax-search";
import { ProductAddonsSettings } from "@/features/products/product-addons";
import { ProductBundlesSettings } from "@/features/products/product-bundles";
import { QuantityLimitsSettings } from "@/features/products/quantity-limits";
import { SubscriptionsSettings } from "@/features/products/subscriptions";
import { WishlistSettings } from "@/features/products/wishlist";
import { ShipmentTrackingSettings } from "@/features/shipping/shipment-tracking";
import { EmailVerificationSettings } from "@/features/spam/email-verification";
import { RecaptchaSettings } from "@/features/spam/recaptcha/components/recaptcha-settings";
import { SystemInfoPage } from "@/features/system/system-info";

function PageContent() {
  const { currentPage } = useNavigation();

  switch (currentPage) {
    case "globals":
      return <GlobalsSettings />;
    case "spam/recaptcha":
      return <RecaptchaSettings />;
    case "spam/email-verification":
      return <EmailVerificationSettings />;
    case "popups/added-to-cart":
      return <AddedToCartSettings />;
    case "system/info":
      return <SystemInfoPage />;
    case "currencies/switcher":
      return <CurrencySwitcherSettings />;
    case "products/bundles":
      return <ProductBundlesSettings />;
    case "products/addons":
      return <ProductAddonsSettings />;
    case "products/subscriptions":
      return <SubscriptionsSettings />;
    case "products/quantity-limits":
      return <QuantityLimitsSettings />;
    case "products/wishlist":
      return <WishlistSettings />;
    case "products/ajax-search":
      return <AjaxSearchSettings />;
    case "checkout/field-editor":
      return <FieldEditorSettings />;
    case "customization/registration-form":
      return <RegistrationFormSettings />;
    case "compliance/cookie-consent":
      return <CookieConsentSettings />;
    case "notifications/back-in-stock":
      return <BackInStockSettings />;
    case "notifications/abandoned-cart":
      return <AbandonedCartSettings />;
    case "shipping/tracking":
      return <ShipmentTrackingSettings />;
    case "dashboard":
    case "dashboard/analytics":
    case "dashboard/reports":
    default:
      return <Dashboard />;
  }
}

function AppHeader() {
  return (
    <header className="sticky top-0 z-50 flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border-b">
      <div className="flex min-w-0 items-center gap-2 px-4">
        <SidebarTrigger className="md:hidden" />
        <DashboardBreadcrumbs />
      </div>
    </header>
  );
}

function AppContent() {
  return (
    <GlobalsProvider>
      <SidebarProvider>
        <AppSidebar />
        <SidebarInset className="min-w-0">
          <AppHeader />
          <LicenseActivationBanner />
          <PageContent />
        </SidebarInset>
      </SidebarProvider>
    </GlobalsProvider>
  );
}

function App() {
  return (
    <div className="swift-commerce-app">
      <ProProvider>
        <TooltipProvider delayDuration={200}>
          <NavigationProvider>
            <AppContent />
            <Toaster />
          </NavigationProvider>
        </TooltipProvider>
      </ProProvider>
    </div>
  );
}

export default App;