import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'
import { AuthProvider } from './auth/AuthProvider'
import { LoginPage } from './screens/LoginPage'
import { ConsoleLayout } from './screens/ConsoleLayout'
import { OrdersPage } from './screens/OrdersPage'
import { CallsPage } from './screens/CallsPage'
import { StoresPage } from './screens/StoresPage'
import { DailyLogsPage } from './screens/DailyLogsPage'
import { AnalyticsPage } from './screens/AnalyticsPage'
function App() {
  return (
    <AuthProvider>
      <BrowserRouter basename='/krishna_sales_mobile'>
        <Routes>
          <Route path="/login" element={<LoginPage />} />
          <Route element={<ConsoleLayout />}>
            <Route path="/orders" element={<OrdersPage />} />
            <Route path="/orders/:instanceId" element={<OrdersPage />} />

            <Route path="/calls" element={<CallsPage />} />
            <Route path="/calls/:instanceId" element={<CallsPage />} />

            <Route path="/stores" element={<StoresPage />} />
            <Route path="/stores/:instanceId" element={<StoresPage />} />

            <Route path="/daily" element={<DailyLogsPage />} />
            <Route path="/daily/:instanceId" element={<DailyLogsPage />} />
            
            <Route path="/analytics" element={<AnalyticsPage />} />
          </Route>
          <Route path="*" element={<Navigate to="/orders" replace />} />
        </Routes>
      </BrowserRouter>
    </AuthProvider>
  )
}

export default App