import React from 'react';
import { AppProvider, useApp } from './context/AppContext';
import { Header } from './components/Header';
import { LiveStatsBar } from './components/LiveStatsBar';
import { TopNavigation } from './components/TopNavigation';
import { SummaryCards } from './components/SummaryCards';
import { LeftSidebar } from './components/LeftSidebar';
import { TenderList } from './components/TenderList';
import { RightSidebar } from './components/RightSidebar';
import { SmartFilterBuilder } from './components/SmartFilterBuilder';
import { DetailedSearchModal } from './components/DetailedSearchModal';
import { TenderDetailModal } from './components/TenderDetailModal';
import { CompanyScannerModal } from './components/CompanyScannerModal';
import { AiSpecAnalyzerModal } from './components/AiSpecAnalyzerModal';
import { KanbanBoard } from './components/KanbanBoard';

import { DailyBulletin } from './components/tools/DailyBulletin';
import { ResultSearch } from './components/tools/ResultSearch';
import { TenderCalendar } from './components/tools/TenderCalendar';
import { ContractSearch } from './components/tools/ContractSearch';
import { VatCalculator } from './components/tools/VatCalculator';
import { PriceAnalysis } from './components/tools/PriceAnalysis';
import { CompetitorRadar } from './components/tools/CompetitorRadar';
import { DocumentVault } from './components/tools/DocumentVault';
import { AnalyticsDashboard } from './components/tools/AnalyticsDashboard';
import { ApiWebhooks } from './components/tools/ApiWebhooks';
import { PwaSettings } from './components/tools/PwaSettings';

const MainContent = () => {
  const { activeTab } = useApp();

  return (
    <main className="max-w-[1600px] mx-auto px-4 pb-12">
      {/* 3-Column Main View */}
      {activeTab === 'list' && (
        <>
          <SummaryCards />
          <div className="flex flex-col lg:flex-row gap-5 items-start">
            <LeftSidebar />
            <TenderList />
            <RightSidebar />
          </div>
        </>
      )}

      {/* Dedicated Tool Views */}
      {activeTab === 'smart_filter_builder' && <SmartFilterBuilder />}
      {activeTab === 'bulten' && <DailyBulletin />}
      {activeTab === 'sonuc' && <ResultSearch />}
      {activeTab === 'takvim' && <TenderCalendar />}
      {activeTab === 'sozlesme' && <ContractSearch />}
      {activeTab === 'kdv' && <VatCalculator />}
      {activeTab === 'fiyat' && <PriceAnalysis />}
      {activeTab === 'kanban' && <KanbanBoard />}
      {activeTab === 'rakip_radar' && <CompetitorRadar />}
      {activeTab === 'dokuman_deposu' && <DocumentVault />}
      {activeTab === 'analitik_dashboard' && <AnalyticsDashboard />}
      {activeTab === 'api_webhooks' && <ApiWebhooks />}
      {activeTab === 'pwa_settings' && <PwaSettings />}

      {/* Global Modals */}
      <DetailedSearchModal />
      <TenderDetailModal />
      <CompanyScannerModal />
      <AiSpecAnalyzerModal />
    </main>
  );
};

export default function App() {
  return (
    <AppProvider>
      <div className="min-h-screen bg-[#f3f5f8] text-slate-800 flex flex-col font-['Inter',sans-serif]">
        <Header />
        <LiveStatsBar />
        <TopNavigation />
        <MainContent />
      </div>
    </AppProvider>
  );
}