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 Display from './pages/Display'
import Admin from './pages/Admin'

// Root ("/") is the public, unauthenticated reception display — that's this app's
// primary purpose, not a staff tool (see project_weather memory). Only "/admin" is
// gated behind the normal AuthGate + 'settings' capability, matching every other
// app's login pattern. The portal's card links straight to /admin (apps.base_path =
// '/weather/admin' in the auth DB) — see seed-app.js.
export default function App() {
  const updateAvailable = useVersionCheck('/weather/health')
  return (
    <>
      <BrowserRouter basename="/weather">
        <Routes>
          <Route path="/admin" element={<AuthGate><Admin /></AuthGate>} />
          <Route path="/" element={<Display />} />
          <Route path="*" element={<Navigate to="/" replace />} />
        </Routes>
      </BrowserRouter>
      <UpdateBanner visible={updateAvailable} />
      <IosInstallHint />
    </>
  )
}