import React from 'react'
import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'
import { routes } from './config/routes'
import { DEFAULT_LOCALE } from './shared/pageContext'
import { LandingPage } from './pages/public/LandingPage'
import { LoginPage } from './pages/public/LoginPage'
import { DashboardPage } from './pages/dashboard/DashboardPage'
import { CustomerListPage } from './pages/dashboard/customers/CustomerListPage'
import { CustomerFormPage } from './pages/dashboard/customers/CustomerFormPage'
import { CustomerDetailPage } from './pages/dashboard/customers/CustomerDetailPage'
import { TemplateListPage } from './pages/dashboard/templates/TemplateListPage'
import { TemplateFormPage } from './pages/dashboard/templates/TemplateFormPage'
import { TemplateDetailPage } from './pages/dashboard/templates/TemplateDetailPage'
import { StylistSimulationPage } from './pages/dashboard/simulation/StylistSimulationPage'
import { SimulationResultPage } from './pages/dashboard/simulation/SimulationResultPage'
import { SimulationEditPage } from './pages/dashboard/simulation/SimulationEditPage'
import { AftercareResultPage } from './pages/dashboard/simulation/AftercareResultPage'
import { StylistProfilePage } from './pages/customer/StylistProfilePage'
import { CustomerSimulationPage } from './pages/customer/CustomerSimulationPage'
import { RequireAuth } from './shared/RequireAuth'

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path={routes.root} element={<Navigate to={`/${DEFAULT_LOCALE}`} replace />} />
        <Route path={routes.localeRoot} element={<LandingPage />} />
        <Route path={routes.login} element={<LoginPage />} />
        <Route path={routes.dashboard} element={<RequireAuth><DashboardPage /></RequireAuth>} />
        <Route path={routes.customers} element={<RequireAuth><CustomerListPage /></RequireAuth>} />
        <Route path={routes.customerNew} element={<RequireAuth><CustomerFormPage mode="new" /></RequireAuth>} />
        <Route path={routes.customerDetail} element={<RequireAuth><CustomerDetailPage /></RequireAuth>} />
        <Route path={routes.customerEdit} element={<RequireAuth><CustomerFormPage mode="edit" /></RequireAuth>} />
        <Route path={routes.templates} element={<RequireAuth><TemplateListPage /></RequireAuth>} />
        <Route path={routes.templateNew} element={<RequireAuth><TemplateFormPage /></RequireAuth>} />
        <Route path={routes.templateDetail} element={<RequireAuth><TemplateDetailPage /></RequireAuth>} />
        <Route path={routes.simulation} element={<RequireAuth><StylistSimulationPage /></RequireAuth>} />
        <Route path={routes.simulationResult} element={<RequireAuth><SimulationResultPage /></RequireAuth>} />
        <Route path={routes.simulationEdit} element={<RequireAuth><SimulationEditPage /></RequireAuth>} />
        <Route path={routes.simulationAftercare} element={<RequireAuth><AftercareResultPage /></RequireAuth>} />
        <Route path={routes.profile} element={<StylistProfilePage />} />
        <Route path={routes.customerSimulation} element={<CustomerSimulationPage />} />
        <Route path="*" element={<Navigate to={`/${DEFAULT_LOCALE}`} replace />} />
      </Routes>
    </BrowserRouter>
  )
}

export default App