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 Pipeline from './screens/Pipeline.jsx'
import Lead from './screens/Lead.jsx'
import AddLead from './screens/AddLead.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={<Shell />}>
        <Route path="/" element={<Navigate to="/stage/zk-state-referred" replace />} />
        <Route path="/stage/:stageUid" element={<Pipeline />} />
        <Route path="/add" element={<AddLead />} />
        <Route path="/lead/:instanceId" element={<Lead />} />
        <Route path="*" element={<Navigate to="/" replace />} />
      </Route>
    </Routes>
  )
}