import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
import AuthGate from './components/AuthGate'
import { UpdateBanner } from './components/UpdateBanner'
import IosInstallHint from './components/IosInstallHint'
import { useVersionCheck } from './hooks/useVersionCheck'
import Layout from './components/Layout'
import { ListsProvider } from './context/ListsContext'
import { StatusesProvider } from './context/StatusesContext'
import { CategoriesProvider } from './context/CategoriesContext'
import { ProjectsProvider } from './context/ProjectsContext'
import { SearchProvider } from './context/SearchContext'
import { TaskFiltersProvider } from './context/TaskFiltersContext'
import { TaskDrawerProvider } from './components/TaskDrawer'
import TodayView from './pages/TodayView'
import ListView from './pages/ListView'
import BoardView from './pages/BoardView'
import ProjectsView from './pages/ProjectsView'
import ProjectDetailView from './pages/ProjectDetailView'
import DispatchView from './pages/DispatchView'
import FilteredListView from './pages/FilteredListView'
import Settings from './pages/Settings'

export default function App() {
  const updateAvailable = useVersionCheck('/tasks/health')
  return (
    <>
      <BrowserRouter basename="/tasks">
        <AuthGate>
          <ListsProvider>
            <StatusesProvider>
              <CategoriesProvider>
                <ProjectsProvider>
                  <SearchProvider>
                    <TaskFiltersProvider>
                      <TaskDrawerProvider>
                        <Layout>
                          <Routes>
                            <Route path="/" element={<Navigate to="/today" replace />} />
                            <Route path="/today" element={<TodayView />} />
                            <Route path="/board" element={<BoardView />} />
                            <Route path="/list/:id" element={<ListView />} />
                            <Route path="/projects" element={<ProjectsView />} />
                            <Route path="/project/:id" element={<ProjectDetailView />} />
                            <Route path="/shared" element={<FilteredListView view="shared" title="Shared with me" />} />
                            <Route path="/assigned" element={<FilteredListView view="assigned" title="Assigned to me" />} />
                            <Route path="/dispatch" element={<DispatchView />} />
                            <Route path="/settings" element={<Settings />} />
                            <Route path="*" element={<Navigate to="/today" replace />} />
                          </Routes>
                        </Layout>
                      </TaskDrawerProvider>
                    </TaskFiltersProvider>
                  </SearchProvider>
                </ProjectsProvider>
              </CategoriesProvider>
            </StatusesProvider>
          </ListsProvider>
        </AuthGate>
      </BrowserRouter>
      <UpdateBanner visible={updateAvailable} />
      <IosInstallHint />
    </>
  )
}