import { Navigate, Route, Routes } from 'react-router-dom'
import { useZino } from './api/provider.jsx'
import Login from './pages/Login.jsx'
import Shell from './layout/Shell.jsx'
import { PortfolioProvider } from './api/portfolio.jsx'
import Overview from './screens/Overview.jsx'
import Pipeline from './screens/Pipeline.jsx'
import Lead from './screens/Lead.jsx'

export default function App() {
  const { isAuthed } = useZino()

  if (!isAuthed) {
    return (
      <Routes>
        <Route path="/login" element={<Login />} />
        <Route path="*" element={<Login />} />
      </Routes>
    )
  }

  return (
    <Routes>
      <Route path="/login" element={<Navigate to="/" replace />} />
      <Route element={<PortfolioProvider><Shell /></PortfolioProvider>}>
        {/* The morning page. This used to redirect to the underwriting queue —
            one stage, usually empty, and somebody else's. */}
        <Route path="/" element={<Overview />} />
        <Route path="/stage/:stageUid" element={<Pipeline />} />
        <Route path="/lead/:instanceId" element={<Lead />} />
        <Route path="*" element={<Navigate to="/" replace />} />
      </Route>
    </Routes>
  )
}