import { useState } from 'react'
import { Navigate, Route, Routes } from 'react-router-dom'
import { AppLayout } from './components/AppLayout'
import { createIncident, isOpen } from './lib/incidents'
import { currentUser, seedIncidents } from './lib/seed'
import type { NewIncident } from './lib/types'
import { About } from './pages/About'
import { Analytics } from './pages/Analytics'
import { Incidents } from './pages/Incidents'
import { Locations } from './pages/Locations'
import { Overview } from './pages/Overview'
import { ReportIncident } from './pages/ReportIncident'

export default function App() {
  // In-memory store until the backend lands (Phase 1)
  const [incidents, setIncidents] = useState(seedIncidents)
  const addIncident = (report: NewIncident) =>
    setIncidents((current) => [createIncident(report, current, currentUser.name, new Date()), ...current])

  return (
    <Routes>
      <Route element={<AppLayout openIncidentCount={incidents.filter(isOpen).length} />}>
        <Route index element={<Overview incidents={incidents} />} />
        <Route path="incidents" element={<Incidents incidents={incidents} />} />
        <Route path="locations" element={<Locations />} />
        <Route path="analytics" element={<Analytics />} />
        <Route path="report" element={<ReportIncident onSubmit={addIncident} />} />
        <Route path="about" element={<About />} />
        <Route path="*" element={<Navigate to="/" replace />} />
      </Route>
    </Routes>
  )
}