//Nesta página falta: mudar nomes

import { Routes, Route } from "react-router-dom";
import { useState } from "react";

//Components
import Sidebar from "../../components/Sidebar/Sidebar";
import HorariosDisponibilidade from "../../components/medico/HorariosDisponibilidade";

//Pages
import Inicio from "../../pages/secretaria/Dashboard";
import TablePaciente from "../../pages/secretaria/ListaPacientes";
import PatientCadastroManager from "../../pages/secretaria/CadastroPaciente";
import DoctorCadastroManager from "../../pages/secretaria/CadastroMedico";
import DoctorTable from "../../pages/secretaria/ListaMedicos";
import Agendamento from "../../pages/secretaria/ListaAgendamentos";
import LaudoManager from "../../pages/secretaria/CadastroLaudos";
import Details from "../../pages/secretaria/DetalhesPaciente";
import EditPage from "../../pages/secretaria/EditarPaciente";
import DoctorDetails from "../../pages/secretaria/DetalhesMedico";
import DoctorEditPage from "../../pages/secretaria/EditarMedico";
import ExcecoesDisponibilidade from "../../pages/secretaria/ExcecoesDisponibilidade";
import DisponibilidadesDoctorPage from "../../pages/secretaria/DisponibilidadesMedico"
import AgendamentoEditPage from "../../pages/secretaria/EditarAgendamento";

//Data
import SecretariaItems from "../../data/sidebar-items-secretaria.json";

function PerfilSecretaria({ onLogout }) {
  const [DictInfo, setDictInfo] = useState({})
  return (
    // <Router>
      <div id="app" className="active">
          <Sidebar onLogout={onLogout} menuItems={SecretariaItems}/>
        <div id="main">
          <Routes>
            <Route path="/" element={<Inicio/>}/>
            <Route path="pacientes/cadastro" element={<PatientCadastroManager />} />
            <Route path="medicos/cadastro" element={<DoctorCadastroManager />} />
            <Route path="pacientes" element={<TablePaciente setDictInfo={setDictInfo}/>} />
            <Route path="medicos" element={<DoctorTable />} />
            <Route path="pacientes/details" element={<Details DictInfo={DictInfo}/>} />
            <Route path="pacientes/edit" element={<EditPage DictInfo={DictInfo}/>} />
            <Route path="medicos/:id" element={<DoctorDetails />} />
            <Route path="medicos/:id/edit" element={<DoctorEditPage />} />
            <Route path="agendamento" element={<Agendamento setDictInfo={setDictInfo}/>} />
            <Route path="agendamento/edit" element={<AgendamentoEditPage setDictInfo={setDictInfo} DictInfo={DictInfo}/>} />
            <Route path="laudo" element={<LaudoManager />} />
            <Route path="disponibilidade" element={<DisponibilidadesDoctorPage />} />
            <Route path="horarios" element={<HorariosDisponibilidade/>}/>
            <Route path="excecoes-disponibilidade" element={<ExcecoesDisponibilidade />} />
            <Route path="*" element={<h2>Página não encontrada</h2>} />
          </Routes>
        </div>
      </div>
    // </Router>
  );
}

export default PerfilSecretaria;
