import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
import Login from './pages/Login'
import Layout from './components/Layout'
import ProtectedRoute from './components/ProtectedRoute'
import Dashboard from './pages/Dashboard'
import Admins from './pages/Admins'
import Users from './pages/Users'
import Software from './pages/Software'
import Cards from './pages/Cards'
import Keys from './pages/Keys'
import Logs from './pages/Logs'
import Announcements from './pages/Announcements'
import SystemConfig from './pages/SystemConfig'

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/login" element={<Login />} />
        <Route
          path="/"
          element={
            <ProtectedRoute>
              <Layout />
            </ProtectedRoute>
          }
        >
          <Route index element={<Navigate to="/dashboard" replace />} />
          <Route path="dashboard" element={<Dashboard />} />
          <Route path="admins" element={<Admins />} />
          <Route path="users" element={<Users />} />
          <Route path="software" element={<Software />} />
          <Route path="cards" element={<Cards />} />
          <Route path="keys" element={<Keys />} />
          <Route path="logs" element={<Logs />} />
          <Route path="announcements" element={<Announcements />} />
          <Route path="system-config" element={<SystemConfig />} />
        </Route>
      </Routes>
    </BrowserRouter>
  )
}

export default App