import React from 'react'
import ReactDOM from 'react-dom/client'
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
import { AuthProvider } from './context/AuthContext'
import Navbar from './components/Navbar'
import Footer from './components/Footer'
import Home from './pages/Home'
import Login from './pages/Login'
import Register from './pages/Register'
import Results from './pages/Results'
import News from './pages/News'
import Gallery from './pages/Gallery'
import AdminDashboard from './pages/AdminDashboard'
import ParticipantDashboard from './pages/ParticipantDashboard'
import './index.css'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <AuthProvider>
      <Router>
        <div className="app">
          <Routes>
            <Route path="/" element={<><Navbar /><Home /><Footer /></>} />
            <Route path="/login" element={<Login />} />
            <Route path="/register" element={<Register />} />
            <Route path="/results" element={<><Navbar /><Results /><Footer /></>} />
            <Route path="/news" element={<><Navbar /><News /><Footer /></>} />
            <Route path="/gallery" element={<><Navbar /><Gallery /><Footer /></>} />
            <Route path="/admin" element={<AdminDashboard />} />
            <Route path="/dashboard" element={<ParticipantDashboard />} />
            <Route path="/schedule" element={<><Navbar /><Home /><Footer /></>} />
          </Routes>
        </div>
      </Router>
    </AuthProvider>
  </React.StrictMode>
)