// ============================================================================
// APPLICATION PRINCIPALE
// ============================================================================
// 
// Note: Les vues SlidersView, NumbersView, NewsView, AdvertisingsView
// sont définies dans views.jsx avec support des configurations
// ============================================================================

const App = () => {
    const { isAuthenticated } = useAuth();
    const [currentView, setCurrentView] = useState('dashboard');

    if (!isAuthenticated) {
        return <LoginPage />;
    }

    return (
        <div className="flex h-screen overflow-hidden">
            <Sidebar currentView={currentView} onViewChange={setCurrentView} />
            
            <div className="flex-1 overflow-y-auto">
                {/* Vue carte en plein écran sans conteneur */}
                {currentView === 'map' ? (
                    <MapView />
                ) : (
                    /* Autres vues avec conteneur limité */
                    <div className="p-8 max-w-7xl mx-auto">
                        {currentView === 'dashboard' && <DashboardView />}
                        {currentView === 'configurations' && <ConfigurationsView />}
                        {currentView === 'screens' && <ScreensView />}
                        {currentView === 'advertisings' && <AdvertisingsView />}
                        {currentView === 'news' && <NewsView />}
                        {currentView === 'sliders' && <SlidersView />}
                        {currentView === 'numbers' && <NumbersView />}
                        {currentView === 'real_estate' && <RealEstateView />}
                        {currentView === 'concierges' && <ConciergesPage />}
                        {currentView === 'settings' && <SettingsView />}
                    </div>
                )}
            </div>
        </div>
    );
};

// ============================================================================
// RENDU
// ============================================================================

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
    <AuthProvider>
        <ToastProvider>
            <App />
        </ToastProvider>
    </AuthProvider>
);