//Nesta página falta: mudar nomes

import { BrowserRouter as Router, Routes, Route } from "react-router-dom";

// Suas páginas
import Login from "./pages/usuario/Login.jsx";
import Register from "./pages/usuario/CadastrarUsuario.jsx";
import Forgot from "./pages/usuario/RecuperarConta.jsx";
import LandingPage from './pages/usuario/Inicio.jsx';

import PerfilSecretaria from "./perfis/perfil_secretaria/PerfilSecretaria.jsx"
import PerfilFinanceiro from "./perfis/perfil_financeiro/PerfilFinanceiro.jsx";
import Perfiladm from "./perfis/Perfil_adm/PerfilAdmin.jsx";
import PerfilMedico from "./perfis/Perfil_medico/PerfilMedico.jsx";
import PerfilPaciente from "./perfis/Perfil_paciente/PerfilPaciente.jsx"

// COMBINADO: Importações de ambas as versões
import ProfilePage from "./pages/usuario/PerfilUsuario.jsx";
import Header from "./components/Header/Header.jsx";

// Componentes globais de acessibilidade
import VlibrasWidget from "./components/acessibilidade/VlibrasWidget.jsx";

import BotaoAcessibilidade from "./components/acessibilidade/BotaoAcessibilidade.jsx"; 

function App() {
  return (
    <Router>
      <VlibrasWidget />
      <BotaoAcessibilidade /> 
      <Header />

      <Routes>
        <Route path="/" element={<LandingPage />} />
        <Route path="/login" element={<Login />} />
        <Route path="/register" element={<Register />} />
        <Route path="/forgotPassword" element={<Forgot />} />
        <Route path="/secretaria/*" element={<PerfilSecretaria />} />
        <Route path="/financeiro/*" element={<PerfilFinanceiro />} />
        <Route path="/medico/*" element={<PerfilMedico />} />
        <Route path="/admin/*" element={<Perfiladm />} />

        {/* COMBINADO: Rotas de ambas as versões */}
        <Route path="/paciente/*" element={<PerfilPaciente />} />
        <Route path="/perfil" element={<ProfilePage />} />
        
        <Route path="*" element={<h2>Página não encontrada</h2>} />
      </Routes>
    </Router>
  );
}

export default App;